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

import { NgClass } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class ButtonComponent {
    constructor() {
        this.text = '';
        this.type = 'default';
        this.size = 'base';
        this.variant = 'default';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, isStandalone: true, selector: "ct-button", inputs: { text: "text", type: "type", size: "size", variant: "variant" }, ngImport: i0, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-button', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [ngClass]=\"{\n    'bg-primary': type === 'default' && variant === 'default',\n    'bg-on-primary': type === 'alternate' && variant === 'default',\n    'bg-yellow-400': type === 'warning' && variant === 'default',\n    'bg-red-400': type === 'error' && variant === 'default',\n    'bg-lime-600': type === 'success' && variant === 'default',\n    'border-primary': type === 'default' && variant === 'outline',\n    'border-on-primary': type === 'alternate' && variant === 'outline',\n    'border-yellow-400': type === 'warning' && variant === 'outline',\n    'border-red-400': type === 'error' && variant === 'outline',\n    'border-lime-600': type === 'success' && variant === 'outline',\n    'px-3 py-2 text-xs text-center': size === 'xs',\n    'px-3 py-2 text-sm text-center': size === 'sm',\n    'px-5 py-3 text-sm text-center': size === 'base',\n    'px-5 py-3 text-base text-center': size === 'lg',\n    'px-6 py-3.5 text-base text-center': size === 'xl'\n  }\"\n  class=\"rounded-md border-0 bg-transparent\">\n  {{ text }}\n</button>\n" }]
        }], propDecorators: { text: [{
                type: Input,
                args: [{ required: true }]
            }], type: [{
                type: Input
            }], size: [{
                type: Input
            }], variant: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2lyY2xldG9uZS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFFLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBUTZCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDNUIsU0FBSSxHQUE4RCxTQUFTLENBQUM7UUFDNUUsU0FBSSxHQUF1QyxNQUFNLENBQUM7UUFDbEQsWUFBTyxHQUEwQixTQUFTLENBQUM7S0FDckQ7OEdBTFksZUFBZTtrR0FBZixlQUFlLCtJQ1Y1QiwraENBcUJBLDRDRGZZLE9BQU87OzJGQUlOLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLE9BQU8sQ0FBQyxtQkFFRCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUdwQixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N0LWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0ZXh0ID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6ICdkZWZhdWx0JyB8ICdhbHRlcm5hdGUnIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgc2l6ZTogJ3hzJyB8ICdzbScgfCAnYmFzZScgfCAnbGcnIHwgJ3hsJyA9ICdiYXNlJztcbiAgQElucHV0KCkgdmFyaWFudDogJ2RlZmF1bHQnIHwgJ291dGxpbmUnID0gJ2RlZmF1bHQnO1xufVxuIiwiPGJ1dHRvblxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2JnLXByaW1hcnknOiB0eXBlID09PSAnZGVmYXVsdCcgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnLFxuICAgICdiZy1vbi1wcmltYXJ5JzogdHlwZSA9PT0gJ2FsdGVybmF0ZScgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnLFxuICAgICdiZy15ZWxsb3ctNDAwJzogdHlwZSA9PT0gJ3dhcm5pbmcnICYmIHZhcmlhbnQgPT09ICdkZWZhdWx0JyxcbiAgICAnYmctcmVkLTQwMCc6IHR5cGUgPT09ICdlcnJvcicgJiYgdmFyaWFudCA9PT0gJ2RlZmF1bHQnLFxuICAgICdiZy1saW1lLTYwMCc6IHR5cGUgPT09ICdzdWNjZXNzJyAmJiB2YXJpYW50ID09PSAnZGVmYXVsdCcsXG4gICAgJ2JvcmRlci1wcmltYXJ5JzogdHlwZSA9PT0gJ2RlZmF1bHQnICYmIHZhcmlhbnQgPT09ICdvdXRsaW5lJyxcbiAgICAnYm9yZGVyLW9uLXByaW1hcnknOiB0eXBlID09PSAnYWx0ZXJuYXRlJyAmJiB2YXJpYW50ID09PSAnb3V0bGluZScsXG4gICAgJ2JvcmRlci15ZWxsb3ctNDAwJzogdHlwZSA9PT0gJ3dhcm5pbmcnICYmIHZhcmlhbnQgPT09ICdvdXRsaW5lJyxcbiAgICAnYm9yZGVyLXJlZC00MDAnOiB0eXBlID09PSAnZXJyb3InICYmIHZhcmlhbnQgPT09ICdvdXRsaW5lJyxcbiAgICAnYm9yZGVyLWxpbWUtNjAwJzogdHlwZSA9PT0gJ3N1Y2Nlc3MnICYmIHZhcmlhbnQgPT09ICdvdXRsaW5lJyxcbiAgICAncHgtMyBweS0yIHRleHQteHMgdGV4dC1jZW50ZXInOiBzaXplID09PSAneHMnLFxuICAgICdweC0zIHB5LTIgdGV4dC1zbSB0ZXh0LWNlbnRlcic6IHNpemUgPT09ICdzbScsXG4gICAgJ3B4LTUgcHktMyB0ZXh0LXNtIHRleHQtY2VudGVyJzogc2l6ZSA9PT0gJ2Jhc2UnLFxuICAgICdweC01IHB5LTMgdGV4dC1iYXNlIHRleHQtY2VudGVyJzogc2l6ZSA9PT0gJ2xnJyxcbiAgICAncHgtNiBweS0zLjUgdGV4dC1iYXNlIHRleHQtY2VudGVyJzogc2l6ZSA9PT0gJ3hsJ1xuICB9XCJcbiAgY2xhc3M9XCJyb3VuZGVkLW1kIGJvcmRlci0wIGJnLXRyYW5zcGFyZW50XCI+XG4gIHt7IHRleHQgfX1cbjwvYnV0dG9uPlxuIl19