circletone/esm2022/lib/components/atoms/list-item/list-item.component.mjs

import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { IconComponent } from '../icon/icon.component';
import { MenuComponent } from '../../molecules/menu/menu.component';
import { MenuItemComponent } from '../menu-item/menu-item.component';
import { AvatarComponent } from '../avatar/avatar.component';
import * as i0 from "@angular/core";
export class ListItemComponent {
    constructor() {
        this.avatar = '';
        this.avatarSize = 'base';
        this.avatarType = 'image/webp';
        this.header = '';
        this.subHeader = '';
        this.subTitle = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ListItemComponent, isStandalone: true, selector: "ct-list-item", inputs: { avatar: "avatar", avatarSize: "avatarSize", avatarType: "avatarType", header: "header", subHeader: "subHeader", subTitle: "subTitle" }, ngImport: i0, template: "<li\n  class=\"flex cursor-pointer flex-row items-center gap-4 px-4 py-2 hover:bg-surface-variant hover:dark:bg-surface-variant-dark\">\n  <ct-avatar class=\"flex-none\" [picture]=\"avatar\" [title]=\"header\" [size]=\"avatarSize\" [imageType]=\"avatarType\" />\n  <div class=\"flex grow flex-col overflow-hidden\">\n    @if (header) {\n      <span class=\"truncate text-lg font-medium text-on-primary dark:text-on-primary-dark\" [innerHTML]=\"header\"></span>\n    }\n    @if (subHeader) {\n      <span class=\"truncate text-sm text-on-surface dark:text-on-surface-dark\" [innerHTML]=\"subHeader\"></span>\n    }\n  </div>\n  <ng-content />\n</li>\n", dependencies: [{ kind: "component", type: AvatarComponent, selector: "ct-avatar", inputs: ["picture", "title", "size", "imageType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-list-item', standalone: true, imports: [AvatarComponent, IconComponent, MenuComponent, MenuItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li\n  class=\"flex cursor-pointer flex-row items-center gap-4 px-4 py-2 hover:bg-surface-variant hover:dark:bg-surface-variant-dark\">\n  <ct-avatar class=\"flex-none\" [picture]=\"avatar\" [title]=\"header\" [size]=\"avatarSize\" [imageType]=\"avatarType\" />\n  <div class=\"flex grow flex-col overflow-hidden\">\n    @if (header) {\n      <span class=\"truncate text-lg font-medium text-on-primary dark:text-on-primary-dark\" [innerHTML]=\"header\"></span>\n    }\n    @if (subHeader) {\n      <span class=\"truncate text-sm text-on-surface dark:text-on-surface-dark\" [innerHTML]=\"subHeader\"></span>\n    }\n  </div>\n  <ng-content />\n</li>\n" }]
        }], propDecorators: { avatar: [{
                type: Input
            }], avatarSize: [{
                type: Input
            }], avatarType: [{
                type: Input
            }], header: [{
                type: Input
            }], subHeader: [{
                type: Input
            }], subTitle: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xpc3QtaXRlbS9saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvbGlzdC1pdGVtL2xpc3QtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFVN0QsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVFXLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixlQUFVLEdBQWtCLE1BQU0sQ0FBQztRQUNuQyxlQUFVLEdBQUcsWUFBWSxDQUFDO1FBQzFCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsYUFBUSxHQUFHLEVBQUUsQ0FBQztLQUN4Qjs4R0FQWSxpQkFBaUI7a0dBQWpCLGlCQUFpQiwwTkNkOUIsNG9CQWFBLDRDREhZLGVBQWU7OzJGQUlkLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLENBQUMsbUJBRTFELHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZW51Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL21lbnUvbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9tZW51LWl0ZW0vbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuLi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtc2l6ZS50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtbGlzdC1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0F2YXRhckNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgTWVudUNvbXBvbmVudCwgTWVudUl0ZW1Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpc3RJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXZhdGFyID0gJyc7XG4gIEBJbnB1dCgpIGF2YXRhclNpemU6IENvbXBvbmVudFNpemUgPSAnYmFzZSc7XG4gIEBJbnB1dCgpIGF2YXRhclR5cGUgPSAnaW1hZ2Uvd2VicCc7XG4gIEBJbnB1dCgpIGhlYWRlciA9ICcnO1xuICBASW5wdXQoKSBzdWJIZWFkZXIgPSAnJztcbiAgQElucHV0KCkgc3ViVGl0bGUgPSAnJztcbn1cbiIsIjxsaVxuICBjbGFzcz1cImZsZXggY3Vyc29yLXBvaW50ZXIgZmxleC1yb3cgaXRlbXMtY2VudGVyIGdhcC00IHB4LTQgcHktMiBob3ZlcjpiZy1zdXJmYWNlLXZhcmlhbnQgaG92ZXI6ZGFyazpiZy1zdXJmYWNlLXZhcmlhbnQtZGFya1wiPlxuICA8Y3QtYXZhdGFyIGNsYXNzPVwiZmxleC1ub25lXCIgW3BpY3R1cmVdPVwiYXZhdGFyXCIgW3RpdGxlXT1cImhlYWRlclwiIFtzaXplXT1cImF2YXRhclNpemVcIiBbaW1hZ2VUeXBlXT1cImF2YXRhclR5cGVcIiAvPlxuICA8ZGl2IGNsYXNzPVwiZmxleCBncm93IGZsZXgtY29sIG92ZXJmbG93LWhpZGRlblwiPlxuICAgIEBpZiAoaGVhZGVyKSB7XG4gICAgICA8c3BhbiBjbGFzcz1cInRydW5jYXRlIHRleHQtbGcgZm9udC1tZWRpdW0gdGV4dC1vbi1wcmltYXJ5IGRhcms6dGV4dC1vbi1wcmltYXJ5LWRhcmtcIiBbaW5uZXJIVE1MXT1cImhlYWRlclwiPjwvc3Bhbj5cbiAgICB9XG4gICAgQGlmIChzdWJIZWFkZXIpIHtcbiAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGUgdGV4dC1zbSB0ZXh0LW9uLXN1cmZhY2UgZGFyazp0ZXh0LW9uLXN1cmZhY2UtZGFya1wiIFtpbm5lckhUTUxdPVwic3ViSGVhZGVyXCI+PC9zcGFuPlxuICAgIH1cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IC8+XG48L2xpPlxuIl19