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

import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { IconComponent } from '../icon/icon.component';
import { NgClass } from '@angular/common';
import * as i0 from "@angular/core";
export class IconButtonComponent {
    constructor() {
        this.icon = '';
        this.type = 'primary';
        this.variant = 'solid';
        this.size = 'base';
        this.role = 'button';
        this.disabled = false;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.5", type: IconButtonComponent, isStandalone: true, selector: "ct-icon-button", inputs: { icon: "icon", type: ["type", "type", (value) => value], variant: ["variant", "variant", (value) => value], size: "size", role: "role", disabled: "disabled" }, ngImport: i0, template: "<button\n  class=\"flex w-fit rounded-full bg-primary p-2 text-on-primary dark:text-on-primary-dark\"\n  [ngClass]=\"{\n    'bg-primary hover:bg-primary-variant dark:bg-primary-variant-dark hover:dark:bg-surface-dark': variant === 'solid',\n    'hover:text-primary-variant hover:dark:text-primary-variant-dark': variant === 'flat'\n  }\"\n  [type]=\"role\">\n  <ct-icon [class.opacity-50]=\"disabled\" [icon]=\"icon\" [size]=\"size\" />\n</button>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ct-icon", inputs: ["icon", "fill", "strokeWidth", "strokeColor", "size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: IconButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-icon-button', standalone: true, imports: [NgClass, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"flex w-fit rounded-full bg-primary p-2 text-on-primary dark:text-on-primary-dark\"\n  [ngClass]=\"{\n    'bg-primary hover:bg-primary-variant dark:bg-primary-variant-dark hover:dark:bg-surface-dark': variant === 'solid',\n    'hover:text-primary-variant hover:dark:text-primary-variant-dark': variant === 'flat'\n  }\"\n  [type]=\"role\">\n  <ct-icon [class.opacity-50]=\"disabled\" [icon]=\"icon\" [size]=\"size\" />\n</button>\n" }]
        }], propDecorators: { icon: [{
                type: Input,
                args: [{ required: true }]
            }], type: [{
                type: Input,
                args: [{ transform: (value) => value }]
            }], variant: [{
                type: Input,
                args: [{ transform: (value) => value }]
            }], size: [{
                type: Input
            }], role: [{
                type: Input
            }], disabled: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBSXZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVE2QixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQzRCLFNBQUksR0FBa0IsU0FBUyxDQUFDO1FBQzdCLFlBQU8sR0FBcUIsT0FBTyxDQUFDO1FBQy9GLFNBQUksR0FBa0IsTUFBTSxDQUFDO1FBQzdCLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDM0I7OEdBUFksbUJBQW1CO2tHQUFuQixtQkFBbUIsaUdBRVYsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQXNCLG1DQUN6QyxDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsS0FBeUIsK0VDakJsRSxtY0FTQSw0Q0RDWSxPQUFPLG9GQUFFLGFBQWE7OzJGQUlyQixtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxtQkFFaEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHcEIsSUFBSTtzQkFBOUIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ3dDLElBQUk7c0JBQXBFLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEtBQXNCLEVBQUU7Z0JBQ0ssT0FBTztzQkFBMUUsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQWEsRUFBRSxFQUFFLENBQUMsS0FBeUIsRUFBRTtnQkFDekQsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IENvbXBvbmVudFR5cGUgfSBmcm9tICcuLi8uLi8uLi9tb2RlbC9jb21wb25lbnRzL2NvbXBvbmVudC10eXBlLnR5cGUnO1xuaW1wb3J0IHsgQ29tcG9uZW50VmFyaWFudCB9IGZyb20gJy4uLy4uLy4uL21vZGVsL2NvbXBvbmVudHMvY29tcG9uZW50LXZhcmlhbnQudHlwZSc7XG5pbXBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwvY29tcG9uZW50cy9jb21wb25lbnQtc2l6ZS50eXBlJztcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdC1pY29uLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBpY29uID0gJyc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogKHZhbHVlOiBzdHJpbmcpID0+IHZhbHVlIGFzIENvbXBvbmVudFR5cGUgfSkgdHlwZTogQ29tcG9uZW50VHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KHsgdHJhbnNmb3JtOiAodmFsdWU6IHN0cmluZykgPT4gdmFsdWUgYXMgQ29tcG9uZW50VmFyaWFudCB9KSB2YXJpYW50OiBDb21wb25lbnRWYXJpYW50ID0gJ3NvbGlkJztcbiAgQElucHV0KCkgc2l6ZTogQ29tcG9uZW50U2l6ZSA9ICdiYXNlJztcbiAgQElucHV0KCkgcm9sZTogJ2J1dHRvbicgfCAnc3VibWl0JyB8ICdyZXNldCcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJmbGV4IHctZml0IHJvdW5kZWQtZnVsbCBiZy1wcmltYXJ5IHAtMiB0ZXh0LW9uLXByaW1hcnkgZGFyazp0ZXh0LW9uLXByaW1hcnktZGFya1wiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnYmctcHJpbWFyeSBob3ZlcjpiZy1wcmltYXJ5LXZhcmlhbnQgZGFyazpiZy1wcmltYXJ5LXZhcmlhbnQtZGFyayBob3ZlcjpkYXJrOmJnLXN1cmZhY2UtZGFyayc6IHZhcmlhbnQgPT09ICdzb2xpZCcsXG4gICAgJ2hvdmVyOnRleHQtcHJpbWFyeS12YXJpYW50IGhvdmVyOmRhcms6dGV4dC1wcmltYXJ5LXZhcmlhbnQtZGFyayc6IHZhcmlhbnQgPT09ICdmbGF0J1xuICB9XCJcbiAgW3R5cGVdPVwicm9sZVwiPlxuICA8Y3QtaWNvbiBbY2xhc3Mub3BhY2l0eS01MF09XCJkaXNhYmxlZFwiIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCJzaXplXCIgLz5cbjwvYnV0dG9uPlxuIl19