@colijnit/corecomponents_v12 254.1.8 → 254.1.9
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 +4 -5
- 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 +3 -5
- package/esm2015/lib/components/list-of-icons/list-of-icons.module.js +4 -2
- package/fesm2015/colijnit-corecomponents_v12.js +4 -5
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/list-of-icons/list-of-icons.component.d.ts +3 -4
- package/lib/components/list-of-icons/style/_layout.scss +2 -1
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-254.1.7.tgz +0 -0
|
@@ -19,9 +19,6 @@ export class ListOfIconsComponent {
|
|
|
19
19
|
showClass() {
|
|
20
20
|
return true;
|
|
21
21
|
}
|
|
22
|
-
ngOnInit() {
|
|
23
|
-
this.activeItem = this.collection[0];
|
|
24
|
-
}
|
|
25
22
|
toggleMenu() {
|
|
26
23
|
this.showMenu = !this.showMenu;
|
|
27
24
|
}
|
|
@@ -39,7 +36,7 @@ ListOfIconsComponent.decorators = [
|
|
|
39
36
|
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
40
37
|
<co-icon class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></co-icon>
|
|
41
38
|
</div>
|
|
42
|
-
<div class="dropdown-menu" *ngIf="showMenu">
|
|
39
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="showMenu = false">
|
|
43
40
|
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)" [class.active]="item === activeItem">
|
|
44
41
|
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
45
42
|
<div class="label">{{ item.label }}</div>
|
|
@@ -55,7 +52,8 @@ ListOfIconsComponent.ctorParameters = () => [
|
|
|
55
52
|
ListOfIconsComponent.propDecorators = {
|
|
56
53
|
collection: [{ type: Input }],
|
|
57
54
|
iconSize: [{ type: Input }],
|
|
55
|
+
activeItem: [{ type: Input }],
|
|
58
56
|
itemSelected: [{ type: Output }],
|
|
59
57
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
60
58
|
};
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1vZi1pY29ucy9saXN0LW9mLWljb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQW1CNUQsTUFBTSxPQUFPLG9CQUFvQjtJQTRCL0IsWUFBbUIsS0FBdUI7UUFBdkIsVUFBSyxHQUFMLEtBQUssQ0FBa0I7UUFqQm5DLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFNdEIsaUJBQVksR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFPbkUsU0FBSSxHQUFRLGtCQUFrQixDQUFDO1FBQ3hDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBbUIsRUFBRSxDQUFDO0lBR3pDLENBQUM7SUE1QkQsSUFDVyxVQUFVLENBQUMsS0FBcUI7UUFDekMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFZTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBU00sVUFBVTtRQUNmLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFTSxVQUFVLENBQUMsSUFBa0I7UUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzFDLENBQUM7OztZQXZERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUFsQk8sZ0JBQWdCOzs7eUJBb0JyQixLQUFLO3VCQVNMLEtBQUs7eUJBR0wsS0FBSzsyQkFHTCxNQUFNO3dCQUdOLFdBQVcsU0FBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtDb3JlQ29tcG9uZW50c0ljb259IGZyb20gXCIuLi8uLi9jb3JlL2VudW0vY29yZS1jb21wb25lbnRzLWljb24uZW51bVwiO1xyXG5pbXBvcnQge0ljb25DYWNoZVNlcnZpY2V9IGZyb20gXCIuLi9pY29uL2ljb24tY2FjaGUuc2VydmljZVwiO1xyXG5pbXBvcnQge0ljb25MaXN0SXRlbX0gZnJvbSBcIi4uLy4uL21vZGVsL2ljb24tbGlzdC1pdGVtXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvLWxpc3Qtb2YtaWNvbnMnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiaWNvbi1pdGVtIGFjdGl2ZVwiIFtjbGFzcy5tZW51LW9wZW5lZF09XCJzaG93TWVudVwiIChjbGljayk9XCJ0b2dnbGVNZW51KClcIj5cclxuICAgICAgPGNvLWljb24gW2ljb25EYXRhXT1cImFjdGl2ZUl0ZW0uaWNvblwiIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj48L2NvLWljb24+XHJcbiAgICAgIDxjby1pY29uIGNsYXNzPVwiZHJvcC1hcnJvd1wiIFtpY29uRGF0YV09XCJpY29ucy5nZXRJY29uKEljb24uQXJyb3dQb2ludERvd24pXCI+PC9jby1pY29uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbWVudVwiICpuZ0lmPVwic2hvd01lbnVcIiAoY2xpY2tPdXRzaWRlKT1cInNob3dNZW51ID0gZmFsc2VcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImljb24taXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNvbGxlY3Rpb25cIiAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtKVwiIFtjbGFzcy5hY3RpdmVdPVwiaXRlbSA9PT0gYWN0aXZlSXRlbVwiPlxyXG4gICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJpdGVtLmljb25cIiBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImljb25TaXplXCI+PC9jby1pY29uPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaXN0T2ZJY29uc0NvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2V0IGNvbGxlY3Rpb24odmFsdWU6IEljb25MaXN0SXRlbVtdKSB7XHJcbiAgICB0aGlzLl9jb2xsZWN0aW9uID0gdmFsdWUgfHwgW107XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGNvbGxlY3Rpb24oKTogSWNvbkxpc3RJdGVtW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NvbGxlY3Rpb247XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpY29uU2l6ZTogbnVtYmVyID0gMzA7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGFjdGl2ZUl0ZW0/OiBJY29uTGlzdEl0ZW07XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBpdGVtU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxJY29uTGlzdEl0ZW0+ID0gbmV3IEV2ZW50RW1pdHRlcjxJY29uTGlzdEl0ZW0+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tbGlzdC1vZi1pY29ucycpXHJcbiAgcHVibGljIHNob3dDbGFzcygpIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlYWRvbmx5IEljb246IGFueSA9IENvcmVDb21wb25lbnRzSWNvbjtcclxuICBwdWJsaWMgc2hvd01lbnU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwcml2YXRlIF9jb2xsZWN0aW9uOiBJY29uTGlzdEl0ZW1bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaWNvbnM6IEljb25DYWNoZVNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVNZW51KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zaG93TWVudSA9ICF0aGlzLnNob3dNZW51O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbTogSWNvbkxpc3RJdGVtKTogdm9pZCB7XHJcbiAgICB0aGlzLmFjdGl2ZUl0ZW0gPSBpdGVtO1xyXG4gICAgdGhpcy5zaG93TWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5pdGVtU2VsZWN0ZWQuZW1pdCh0aGlzLmFjdGl2ZUl0ZW0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -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==
|
|
@@ -11322,9 +11322,6 @@ class ListOfIconsComponent {
|
|
|
11322
11322
|
showClass() {
|
|
11323
11323
|
return true;
|
|
11324
11324
|
}
|
|
11325
|
-
ngOnInit() {
|
|
11326
|
-
this.activeItem = this.collection[0];
|
|
11327
|
-
}
|
|
11328
11325
|
toggleMenu() {
|
|
11329
11326
|
this.showMenu = !this.showMenu;
|
|
11330
11327
|
}
|
|
@@ -11342,7 +11339,7 @@ ListOfIconsComponent.decorators = [
|
|
|
11342
11339
|
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11343
11340
|
<co-icon class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></co-icon>
|
|
11344
11341
|
</div>
|
|
11345
|
-
<div class="dropdown-menu" *ngIf="showMenu">
|
|
11342
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="showMenu = false">
|
|
11346
11343
|
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)" [class.active]="item === activeItem">
|
|
11347
11344
|
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11348
11345
|
<div class="label">{{ item.label }}</div>
|
|
@@ -11358,6 +11355,7 @@ ListOfIconsComponent.ctorParameters = () => [
|
|
|
11358
11355
|
ListOfIconsComponent.propDecorators = {
|
|
11359
11356
|
collection: [{ type: Input }],
|
|
11360
11357
|
iconSize: [{ type: Input }],
|
|
11358
|
+
activeItem: [{ type: Input }],
|
|
11361
11359
|
itemSelected: [{ type: Output }],
|
|
11362
11360
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
11363
11361
|
};
|
|
@@ -11369,7 +11367,8 @@ ListOfIconsModule.decorators = [
|
|
|
11369
11367
|
imports: [
|
|
11370
11368
|
CommonModule,
|
|
11371
11369
|
FormsModule,
|
|
11372
|
-
IconModule
|
|
11370
|
+
IconModule,
|
|
11371
|
+
ClickoutsideModule
|
|
11373
11372
|
],
|
|
11374
11373
|
declarations: [
|
|
11375
11374
|
ListOfIconsComponent
|