circletone/esm2022/lib/components/atoms/tab-button/tab-button.component.mjs

import { AsyncPipe, NgClass } from '@angular/common';
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, signal } from '@angular/core';
import * as i0 from "@angular/core";
export class TabButtonComponent {
    constructor() {
        this.key = '';
        this.title = '';
        this.subTitle = '';
        this.variant = 'solid';
        this.clicked = new EventEmitter();
        this.isActive = signal(false);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TabButtonComponent, isStandalone: true, selector: "ct-tab-button", inputs: { key: "key", title: "title", subTitle: "subTitle", variant: "variant" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\n  tabindex=\"0\"\n  class=\"flex w-full cursor-pointer flex-col p-1 text-center\"\n  [ngClass]=\"{\n    'rounded-md hover:bg-surface-variant dark:hover:bg-surface-variant-dark': variant === 'solid',\n    'bg-surface dark:bg-surface-dark': isActive() && variant === 'solid',\n    'border-b-4 rounded-t-md hover:border-surface dark:hover:border-surface-dark': variant === 'flat',\n    'bg-surface border-surface-variant dark:border-surface-variant-dark': isActive() && variant === 'flat',\n    'border-transparent': !isActive() && variant === 'flat'\n  }\"\n  (click)=\"clicked.emit(key)\">\n  <span class=\"font-bold\">{{ title }}</span>\n  <p class=\"text-sm\">{{ subTitle }}</p>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-tab-button', standalone: true, imports: [NgClass, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  tabindex=\"0\"\n  class=\"flex w-full cursor-pointer flex-col p-1 text-center\"\n  [ngClass]=\"{\n    'rounded-md hover:bg-surface-variant dark:hover:bg-surface-variant-dark': variant === 'solid',\n    'bg-surface dark:bg-surface-dark': isActive() && variant === 'solid',\n    'border-b-4 rounded-t-md hover:border-surface dark:hover:border-surface-dark': variant === 'flat',\n    'bg-surface border-surface-variant dark:border-surface-variant-dark': isActive() && variant === 'flat',\n    'border-transparent': !isActive() && variant === 'flat'\n  }\"\n  (click)=\"clicked.emit(key)\">\n  <span class=\"font-bold\">{{ title }}</span>\n  <p class=\"text-sm\">{{ subTitle }}</p>\n</div>\n" }]
        }], propDecorators: { key: [{
                type: Input,
                args: [{ required: true }]
            }], title: [{
                type: Input
            }], subTitle: [{
                type: Input
            }], variant: [{
                type: Input
            }], clicked: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jaXJjbGV0b25lL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy90YWItYnV0dG9uL3RhYi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvdGFiLWJ1dHRvbi90YWItYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVXhHLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRNkIsUUFBRyxHQUFHLEVBQUUsQ0FBQztRQUMzQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLFlBQU8sR0FBcUIsT0FBTyxDQUFDO1FBQ25DLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQy9DLGFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDMUI7OEdBUFksa0JBQWtCO2tHQUFsQixrQkFBa0IsNExDWC9CLHlyQkFjQSw0Q0RQWSxPQUFPOzsyRkFJTixrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsbUJBRVosdUJBQXVCLENBQUMsTUFBTTs4QkFHcEIsR0FBRztzQkFBN0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRWYXJpYW50IH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtdmFyaWFudC50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3QtdGFiLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBBc3luY1BpcGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBrZXkgPSAnJztcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgc3ViVGl0bGUgPSAnJztcbiAgQElucHV0KCkgdmFyaWFudDogQ29tcG9uZW50VmFyaWFudCA9ICdzb2xpZCc7XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIGlzQWN0aXZlID0gc2lnbmFsKGZhbHNlKTtcbn1cbiIsIjxkaXZcbiAgdGFiaW5kZXg9XCIwXCJcbiAgY2xhc3M9XCJmbGV4IHctZnVsbCBjdXJzb3ItcG9pbnRlciBmbGV4LWNvbCBwLTEgdGV4dC1jZW50ZXJcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3JvdW5kZWQtbWQgaG92ZXI6Ymctc3VyZmFjZS12YXJpYW50IGRhcms6aG92ZXI6Ymctc3VyZmFjZS12YXJpYW50LWRhcmsnOiB2YXJpYW50ID09PSAnc29saWQnLFxuICAgICdiZy1zdXJmYWNlIGRhcms6Ymctc3VyZmFjZS1kYXJrJzogaXNBY3RpdmUoKSAmJiB2YXJpYW50ID09PSAnc29saWQnLFxuICAgICdib3JkZXItYi00IHJvdW5kZWQtdC1tZCBob3Zlcjpib3JkZXItc3VyZmFjZSBkYXJrOmhvdmVyOmJvcmRlci1zdXJmYWNlLWRhcmsnOiB2YXJpYW50ID09PSAnZmxhdCcsXG4gICAgJ2JnLXN1cmZhY2UgYm9yZGVyLXN1cmZhY2UtdmFyaWFudCBkYXJrOmJvcmRlci1zdXJmYWNlLXZhcmlhbnQtZGFyayc6IGlzQWN0aXZlKCkgJiYgdmFyaWFudCA9PT0gJ2ZsYXQnLFxuICAgICdib3JkZXItdHJhbnNwYXJlbnQnOiAhaXNBY3RpdmUoKSAmJiB2YXJpYW50ID09PSAnZmxhdCdcbiAgfVwiXG4gIChjbGljayk9XCJjbGlja2VkLmVtaXQoa2V5KVwiPlxuICA8c3BhbiBjbGFzcz1cImZvbnQtYm9sZFwiPnt7IHRpdGxlIH19PC9zcGFuPlxuICA8cCBjbGFzcz1cInRleHQtc21cIj57eyBzdWJUaXRsZSB9fTwvcD5cbjwvZGl2PlxuIl19