systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
24 lines • 5.69 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ContextMenuItemComponent {
constructor() {
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ContextMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: ContextMenuItemComponent, selector: "systelab-context-menu-item", inputs: { action: "action", hasIcons: "hasIcons", isEnabled: "isEnabled", isIconEnabled: "isIconEnabled", hasChildren: "hasChildren" }, ngImport: i0, template: "<div *ngIf=\"hasIcons && isIconEnabled\"\n class=\"slab-icon-container rounded d-flex text-center justify-content-center align-items-center\"\n [style.background-color]=\"action.backgroundIconColor\">\n <i class=\"slab-flex-1 slab-menu-icon {{action.iconClass}}\" [style.color]=\"action.iconColor\"\n [style.font-size]=\"action.iconFontSize\"\n [ngClass]=\"{'text-white': !action.iconColor}\"></i>\n</div>\n<a class=\"slab-flex-1\" style=\"flex:1 1 auto\" [style.padding-left]=\"hasIcons && !isIconEnabled?'20px':'0'\"\n [ngClass]=\"{'ml-2': hasIcons}\">{{action.actionText}}</a>\n<span *ngIf=\"hasChildren\" class=\"pl-3 slab-menu-caret icon-chevron-right small mt-1\" ></span>\n<div *ngIf=\"action.isDivider && isEnabled\" class=\"dropdown-divider\"></div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ContextMenuItemComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-context-menu-item', template: "<div *ngIf=\"hasIcons && isIconEnabled\"\n class=\"slab-icon-container rounded d-flex text-center justify-content-center align-items-center\"\n [style.background-color]=\"action.backgroundIconColor\">\n <i class=\"slab-flex-1 slab-menu-icon {{action.iconClass}}\" [style.color]=\"action.iconColor\"\n [style.font-size]=\"action.iconFontSize\"\n [ngClass]=\"{'text-white': !action.iconColor}\"></i>\n</div>\n<a class=\"slab-flex-1\" style=\"flex:1 1 auto\" [style.padding-left]=\"hasIcons && !isIconEnabled?'20px':'0'\"\n [ngClass]=\"{'ml-2': hasIcons}\">{{action.actionText}}</a>\n<span *ngIf=\"hasChildren\" class=\"pl-3 slab-menu-caret icon-chevron-right small mt-1\" ></span>\n<div *ngIf=\"action.isDivider && isEnabled\" class=\"dropdown-divider\"></div>" }]
}], ctorParameters: () => [], propDecorators: { action: [{
type: Input
}], hasIcons: [{
type: Input
}], isEnabled: [{
type: Input
}], isIconEnabled: [{
type: Input
}], hasChildren: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3lzdGVsYWItY29tcG9uZW50cy9zcmMvbGliL2NvbnRleHRtZW51L2NvbnRleHQtbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9jb250ZXh0bWVudS9jb250ZXh0LW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyx3QkFBd0I7SUFRcEM7SUFDQSxDQUFDOzhHQVRXLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDBNQ1ByQyxpeEJBVTBFOzsyRkRIN0Qsd0JBQXdCO2tCQUpwQyxTQUFTOytCQUNJLDRCQUE0Qjt3REFLekIsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGV4dE1lbnVPcHRpb24gfSBmcm9tICcuL2NvbnRleHQtbWVudS1vcHRpb24nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICAgICdzeXN0ZWxhYi1jb250ZXh0LW1lbnUtaXRlbScsXG5cdHRlbXBsYXRlVXJsOiAnY29udGV4dC1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHRNZW51SXRlbUNvbXBvbmVudCB7XG5cblx0QElucHV0KCkgcHVibGljIGFjdGlvbjogQ29udGV4dE1lbnVPcHRpb247XG5cdEBJbnB1dCgpIHB1YmxpYyBoYXNJY29uczogYm9vbGVhbjtcblx0QElucHV0KCkgcHVibGljIGlzRW5hYmxlZDogYm9vbGVhbjtcblx0QElucHV0KCkgcHVibGljIGlzSWNvbkVuYWJsZWQ6IGJvb2xlYW47XG5cdEBJbnB1dCgpIHB1YmxpYyBoYXNDaGlsZHJlbjogYm9vbGVhbjtcblxuXHRjb25zdHJ1Y3RvcigpIHtcblx0fVxuXG59XG4iLCI8ZGl2ICpuZ0lmPVwiaGFzSWNvbnMgJiYgaXNJY29uRW5hYmxlZFwiXG4gICAgIGNsYXNzPVwic2xhYi1pY29uLWNvbnRhaW5lciByb3VuZGVkIGQtZmxleCB0ZXh0LWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXG4gICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImFjdGlvbi5iYWNrZ3JvdW5kSWNvbkNvbG9yXCI+XG4gICAgPGkgY2xhc3M9XCJzbGFiLWZsZXgtMSBzbGFiLW1lbnUtaWNvbiB7e2FjdGlvbi5pY29uQ2xhc3N9fVwiIFtzdHlsZS5jb2xvcl09XCJhY3Rpb24uaWNvbkNvbG9yXCJcbiAgICAgICBbc3R5bGUuZm9udC1zaXplXT1cImFjdGlvbi5pY29uRm9udFNpemVcIlxuICAgICAgIFtuZ0NsYXNzXT1cInsndGV4dC13aGl0ZSc6ICFhY3Rpb24uaWNvbkNvbG9yfVwiPjwvaT5cbjwvZGl2PlxuPGEgY2xhc3M9XCJzbGFiLWZsZXgtMVwiIHN0eWxlPVwiZmxleDoxIDEgYXV0b1wiIFtzdHlsZS5wYWRkaW5nLWxlZnRdPVwiaGFzSWNvbnMgJiYgIWlzSWNvbkVuYWJsZWQ/JzIwcHgnOicwJ1wiXG4gICBbbmdDbGFzc109XCJ7J21sLTInOiBoYXNJY29uc31cIj57e2FjdGlvbi5hY3Rpb25UZXh0fX08L2E+XG48c3BhbiAqbmdJZj1cImhhc0NoaWxkcmVuXCIgY2xhc3M9XCJwbC0zIHNsYWItbWVudS1jYXJldCBpY29uLWNoZXZyb24tcmlnaHQgc21hbGwgbXQtMVwiID48L3NwYW4+XG48ZGl2ICpuZ0lmPVwiYWN0aW9uLmlzRGl2aWRlciAmJiBpc0VuYWJsZWRcIiBjbGFzcz1cImRyb3Bkb3duLWRpdmlkZXJcIj48L2Rpdj4iXX0=