@coreui/angular
Version:
CoreUI Components Library for Angular
25 lines • 3.46 kB
JavaScript
import { Component, computed, input } from '@angular/core';
import * as i0 from "@angular/core";
export class CalloutComponent {
constructor() {
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
* @type Colors
*/
this.color = input();
this.hostClasses = computed(() => {
const color = this.color();
return {
callout: true,
[`callout-${color}`]: !!color
};
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.12", type: CalloutComponent, isStandalone: true, selector: "c-callout, [cCallout]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" }, classAttribute: "callout" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:block}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CalloutComponent, decorators: [{
type: Component,
args: [{ selector: 'c-callout, [cCallout]', template: '<ng-content />', standalone: true, host: { class: 'callout', '[class]': 'hostClasses()' }, styles: [":host{display:block}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVUzRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUUU7OztXQUdHO1FBQ00sVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNuQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsT0FBTztnQkFDTCxPQUFPLEVBQUUsSUFBSTtnQkFDYixDQUFDLFdBQVcsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSzthQUNILENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7S0FDSjsrR0FkWSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixvU0FMakIsZ0JBQWdCOzs0RkFLZixnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsdUJBQXVCLFlBQ3ZCLGdCQUFnQixjQUVkLElBQUksUUFDVixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2xvcnMgfSBmcm9tICcuLi9jb3JldWkudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjLWNhbGxvdXQsIFtjQ2FsbG91dF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7IGNsYXNzOiAnY2FsbG91dCcsICdbY2xhc3NdJzogJ2hvc3RDbGFzc2VzKCknIH1cbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBjb250ZXh0IG9mIHRoZSBjb21wb25lbnQgdG8gb25lIG9mIENvcmVVSeKAmXMgdGhlbWVkIGNvbG9ycy5cbiAgICogQHR5cGUgQ29sb3JzXG4gICAqL1xuICByZWFkb25seSBjb2xvciA9IGlucHV0PENvbG9ycz4oKTtcblxuICByZWFkb25seSBob3N0Q2xhc3NlcyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBjb2xvciA9IHRoaXMuY29sb3IoKTtcbiAgICByZXR1cm4ge1xuICAgICAgY2FsbG91dDogdHJ1ZSxcbiAgICAgIFtgY2FsbG91dC0ke2NvbG9yfWBdOiAhIWNvbG9yXG4gICAgfSBhcyBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPjtcbiAgfSk7XG59XG4iXX0=