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

import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { IconComponent } from '../icon/icon.component';
import * as i0 from "@angular/core";
export class ButtonComponent {
    constructor() {
        this.text = '';
        this.type = 'default';
        this.size = 'base';
        this.variant = 'default';
        this.icon = undefined;
        this.iconSize = undefined;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: ButtonComponent, isStandalone: true, selector: "ct-button", inputs: { text: "text", type: "type", size: "size", variant: "variant", icon: "icon", iconSize: "iconSize" }, ngImport: i0, template: "<button\n  class=\"flex flex-row items-center gap-2 rounded-md px-4 py-2\"\n  [class.bg-primary]=\"type === 'default' && variant === 'default'\"\n  [class.bg-on-primary]=\"type === 'alternate' && variant === 'default'\"\n  [class.bg-yellow-400]=\"type === 'warning' && variant === 'default'\"\n  [class.bg-red-400]=\"type === 'error' && variant === 'default'\"\n  [class.bg-lime-600]=\"type === 'success' && variant === 'default'\"\n  [class.border]=\"variant === 'outline'\"\n  [class.border-primary]=\"type === 'default' && variant === 'outline'\"\n  [class.border-on-primary]=\"type === 'alternate' && variant === 'outline'\"\n  [class.border-yellow-400]=\"type === 'warning' && variant === 'outline'\"\n  [class.border-red-400]=\"type === 'error' && variant === 'outline'\"\n  [class.border-lime-600]=\"type === 'success' && variant === 'outline'\">\n  @if (icon) {\n    <ct-icon class=\"flex\" [size]=\"iconSize || 'base'\" [icon]=\"icon\" />\n  }\n  {{ text }}\n</button>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "ct-icon", inputs: ["icon", "iconClass", "fill", "strokeWidth", "strokeColor", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-button', standalone: true, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"flex flex-row items-center gap-2 rounded-md px-4 py-2\"\n  [class.bg-primary]=\"type === 'default' && variant === 'default'\"\n  [class.bg-on-primary]=\"type === 'alternate' && variant === 'default'\"\n  [class.bg-yellow-400]=\"type === 'warning' && variant === 'default'\"\n  [class.bg-red-400]=\"type === 'error' && variant === 'default'\"\n  [class.bg-lime-600]=\"type === 'success' && variant === 'default'\"\n  [class.border]=\"variant === 'outline'\"\n  [class.border-primary]=\"type === 'default' && variant === 'outline'\"\n  [class.border-on-primary]=\"type === 'alternate' && variant === 'outline'\"\n  [class.border-yellow-400]=\"type === 'warning' && variant === 'outline'\"\n  [class.border-red-400]=\"type === 'error' && variant === 'outline'\"\n  [class.border-lime-600]=\"type === 'success' && variant === 'outline'\">\n  @if (icon) {\n    <ct-icon class=\"flex\" [size]=\"iconSize || 'base'\" [icon]=\"icon\" />\n  }\n  {{ text }}\n</button>\n" }]
        }], propDecorators: { text: [{
                type: Input,
                args: [{ required: true }]
            }], type: [{
                type: Input
            }], size: [{
                type: Input
            }], variant: [{
                type: Input
            }], icon: [{
                type: Input
            }], iconSize: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBVXZELE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBUTZCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDNUIsU0FBSSxHQUE4RCxTQUFTLENBQUM7UUFDNUUsU0FBSSxHQUFhLE1BQU0sQ0FBQztRQUN4QixZQUFPLEdBQTBCLFNBQVMsQ0FBQztRQUMzQyxTQUFJLEdBQVksU0FBUyxDQUFDO1FBQzFCLGFBQVEsR0FBYyxTQUFTLENBQUM7S0FDMUM7OEdBUFksZUFBZTtrR0FBZixlQUFlLG1MQ1g1QixxOUJBa0JBLDRDRFhZLGFBQWE7OzJGQUlaLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLGFBQWEsQ0FBQyxtQkFFUCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2l6ZVR5cGUgfSBmcm9tICcuLi8uLi8uLi9tb2RlbC9zaXplLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdC1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdGV4dCA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiAnZGVmYXVsdCcgfCAnYWx0ZXJuYXRlJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIHNpemU6IFNpemVUeXBlID0gJ2Jhc2UnO1xuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAnb3V0bGluZScgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmcgPSB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGljb25TaXplPzogU2l6ZVR5cGUgPSB1bmRlZmluZWQ7XG59XG4iLCI8YnV0dG9uXG4gIGNsYXNzPVwiZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXIgZ2FwLTIgcm91bmRlZC1tZCBweC00IHB5LTJcIlxuICBbY2xhc3MuYmctcHJpbWFyeV09XCJ0eXBlID09PSAnZGVmYXVsdCcgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnXCJcbiAgW2NsYXNzLmJnLW9uLXByaW1hcnldPVwidHlwZSA9PT0gJ2FsdGVybmF0ZScgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnXCJcbiAgW2NsYXNzLmJnLXllbGxvdy00MDBdPVwidHlwZSA9PT0gJ3dhcm5pbmcnICYmIHZhcmlhbnQgPT09ICdkZWZhdWx0J1wiXG4gIFtjbGFzcy5iZy1yZWQtNDAwXT1cInR5cGUgPT09ICdlcnJvcicgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnXCJcbiAgW2NsYXNzLmJnLWxpbWUtNjAwXT1cInR5cGUgPT09ICdzdWNjZXNzJyAmJiB2YXJpYW50ID09PSAnZGVmYXVsdCdcIlxuICBbY2xhc3MuYm9yZGVyXT1cInZhcmlhbnQgPT09ICdvdXRsaW5lJ1wiXG4gIFtjbGFzcy5ib3JkZXItcHJpbWFyeV09XCJ0eXBlID09PSAnZGVmYXVsdCcgJiYgdmFyaWFudCA9PT0gJ291dGxpbmUnXCJcbiAgW2NsYXNzLmJvcmRlci1vbi1wcmltYXJ5XT1cInR5cGUgPT09ICdhbHRlcm5hdGUnICYmIHZhcmlhbnQgPT09ICdvdXRsaW5lJ1wiXG4gIFtjbGFzcy5ib3JkZXIteWVsbG93LTQwMF09XCJ0eXBlID09PSAnd2FybmluZycgJiYgdmFyaWFudCA9PT0gJ291dGxpbmUnXCJcbiAgW2NsYXNzLmJvcmRlci1yZWQtNDAwXT1cInR5cGUgPT09ICdlcnJvcicgJiYgdmFyaWFudCA9PT0gJ291dGxpbmUnXCJcbiAgW2NsYXNzLmJvcmRlci1saW1lLTYwMF09XCJ0eXBlID09PSAnc3VjY2VzcycgJiYgdmFyaWFudCA9PT0gJ291dGxpbmUnXCI+XG4gIEBpZiAoaWNvbikge1xuICAgIDxjdC1pY29uIGNsYXNzPVwiZmxleFwiIFtzaXplXT1cImljb25TaXplIHx8ICdiYXNlJ1wiIFtpY29uXT1cImljb25cIiAvPlxuICB9XG4gIHt7IHRleHQgfX1cbjwvYnV0dG9uPlxuIl19