@ng-doc/ui-kit/fesm2022/ng-doc-ui-kit-components-tag.mjs

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

import * as i0 from '@angular/core';
import { Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';

class NgDocTagComponent {
    constructor() {
        this.color = 'primary';
        this.size = 'medium';
        this.mod = 'default';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocTagComponent, isStandalone: true, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);background:color-mix(in srgb,var(--ng-doc-tag-background) var(--ng-doc-tag-background-opacity, 100%),transparent);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-color=success]{--ng-doc-tag-background: var(--ng-doc-success);--ng-doc-tag-color: var(--ng-doc-success-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background-opacity: 15%}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-color: var(--ng-doc-link-color)}:host[data-ng-doc-mod=light][data-ng-doc-color=success]{--ng-doc-tag-color: var(--ng-doc-success)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocTagComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);background:color-mix(in srgb,var(--ng-doc-tag-background) var(--ng-doc-tag-background-opacity, 100%),transparent);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-color=success]{--ng-doc-tag-background: var(--ng-doc-success);--ng-doc-tag-color: var(--ng-doc-success-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background-opacity: 15%}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-color: var(--ng-doc-link-color)}:host[data-ng-doc-mod=light][data-ng-doc-color=success]{--ng-doc-tag-color: var(--ng-doc-success)}\n"] }]
        }], propDecorators: { color: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-color']
            }], size: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-size']
            }], mod: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-mod']
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { NgDocTagComponent };
//# sourceMappingURL=ng-doc-ui-kit-components-tag.mjs.map