@cisstech/nge
Version:
NG Essentials is a collection of libraries for Angular developers.
23 lines • 4.87 kB
JavaScript
import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@cisstech/nge/pipes";
export class ListItemArticleActionComponent {
constructor() {
this.clickable = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListItemArticleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ListItemArticleActionComponent, selector: "ui-list-item-article-action", inputs: { actionTitle: "actionTitle", clickable: "clickable" }, host: { properties: { "class.clickable": "this.clickable" } }, ngImport: i0, template: "<div class=\"list-item-article-action-icon\">\n <ng-content></ng-content>\n</div>\n<div class=\"list-item-article-action-title\">\n @if (actionTitle|istemplate) {\n <ng-container *ngTemplateOutlet=\"actionTitle\" />\n } @else {\n {{actionTitle}}\n }\n</div>\n\n", styles: [":host{display:flex;align-items:center;color:var(--brand-text-secondary);margin:0;padding:0}:host:hover{background-color:rgba(var(--brand-background-secondary),.05);border-radius:.2rem}:host.clickable{cursor:pointer}.list-item-article-action-icon{max-height:18px;margin-top:4px}.list-item-article-action-icon::ng-deep>*{width:18px;height:18px;font-size:18px;object-fit:contain}.list-item-article-action-title{margin:0 8px;height:18px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.IsTemplatePipe, name: "istemplate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListItemArticleActionComponent, decorators: [{
type: Component,
args: [{ selector: 'ui-list-item-article-action', template: "<div class=\"list-item-article-action-icon\">\n <ng-content></ng-content>\n</div>\n<div class=\"list-item-article-action-title\">\n @if (actionTitle|istemplate) {\n <ng-container *ngTemplateOutlet=\"actionTitle\" />\n } @else {\n {{actionTitle}}\n }\n</div>\n\n", styles: [":host{display:flex;align-items:center;color:var(--brand-text-secondary);margin:0;padding:0}:host:hover{background-color:rgba(var(--brand-background-secondary),.05);border-radius:.2rem}:host.clickable{cursor:pointer}.list-item-article-action-icon{max-height:18px;margin-top:4px}.list-item-article-action-icon::ng-deep>*{width:18px;height:18px;font-size:18px;object-fit:contain}.list-item-article-action-title{margin:0 8px;height:18px}\n"] }]
}], propDecorators: { actionTitle: [{
type: Input
}], clickable: [{
type: Input
}, {
type: HostBinding,
args: ['class.clickable']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLWFydGljbGUtYWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nZS91aS9saXN0L3NyYy9saXN0LWl0ZW0tYXJ0aWNsZS1hY3Rpb24vbGlzdC1pdGVtLWFydGljbGUtYWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nZS91aS9saXN0L3NyYy9saXN0LWl0ZW0tYXJ0aWNsZS1hY3Rpb24vbGlzdC1pdGVtLWFydGljbGUtYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQTs7OztBQU8xRSxNQUFNLE9BQU8sOEJBQThCO0lBTDNDO1FBVUUsY0FBUyxHQUFHLEtBQUssQ0FBQTtLQUNsQjs4R0FOWSw4QkFBOEI7a0dBQTlCLDhCQUE4QixrTUNQM0MsaVJBV0E7OzJGREphLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBSU4sU0FBUztzQkFGUixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWxpc3QtaXRlbS1hcnRpY2xlLWFjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0LWl0ZW0tYXJ0aWNsZS1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9saXN0LWl0ZW0tYXJ0aWNsZS1hY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlzdEl0ZW1BcnRpY2xlQWN0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYWN0aW9uVGl0bGU/OiBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgVGVtcGxhdGVSZWY8YW55PiB8IG51bGxcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNsaWNrYWJsZScpXG4gIGNsaWNrYWJsZSA9IGZhbHNlXG59XG4iLCI8ZGl2IGNsYXNzPVwibGlzdC1pdGVtLWFydGljbGUtYWN0aW9uLWljb25cIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibGlzdC1pdGVtLWFydGljbGUtYWN0aW9uLXRpdGxlXCI+XG4gIEBpZiAoYWN0aW9uVGl0bGV8aXN0ZW1wbGF0ZSkge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25UaXRsZVwiIC8+XG4gIH0gQGVsc2Uge1xuICAgIHt7YWN0aW9uVGl0bGV9fVxuICB9XG48L2Rpdj5cblxuIl19