import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
import * as i0 from '@angular/core';
import { output, HostListener, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

/**
 * @category
 * A component used for displaying a tag or label with customizable color and appearance.
 */
class AXTagComponent extends MXColorLookComponent {
    constructor() {
        super(...arguments);
        this.onClick = output();
        this.onDblClick = output();
        this.onContextMenu = output();
    }
    /** @ignore */
    get __hostClass() {
        return `ax-${this.color} ax-${this.look}`;
    }
    hostClickListener(event) {
        this.onClick.emit({
            component: this,
            htmlElement: this.getHostElement(),
            nativeEvent: event,
        });
    }
    hostDblClickListener(event) {
        this.onDblClick.emit({
            component: this,
            htmlElement: this.getHostElement(),
            nativeEvent: event,
        });
    }
    hostContextMenuListener(event) {
        this.onContextMenu.emit({
            component: this,
            htmlElement: this.getHostElement(),
            nativeEvent: event,
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AXTagComponent, isStandalone: true, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, outputs: { onClick: "onClick", onDblClick: "onDblClick", onContextMenu: "onContextMenu" }, host: { listeners: { "click": "hostClickListener($event)", "dblclick": "hostDblClickListener($event)", "contextmenu": "hostContextMenuListener($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-tag.ax-outline.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-tag.ax-outline.ax-default{--ax-comp-tag-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darker-surface)}ax-tag.ax-outline{--ax-comp-tag-border-width: 1px}ax-tag.ax-outline.ax-primary{--ax-comp-tag-text-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-primary-surface)}ax-tag.ax-outline.ax-secondary{--ax-comp-tag-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-secondary-surface)}ax-tag.ax-outline.ax-success{--ax-comp-tag-text-color: var(--ax-sys-color-success-surface);--ax-comp-tag-border-color: var(--ax-sys-color-success-surface)}ax-tag.ax-outline.ax-warning{--ax-comp-tag-text-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-border-color: var(--ax-sys-color-warning-surface)}ax-tag.ax-outline.ax-danger{--ax-comp-tag-text-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-border-color: var(--ax-sys-color-danger-surface)}ax-tag.ax-outline.ax-accent1{--ax-comp-tag-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent1-surface)}ax-tag.ax-outline.ax-accent2{--ax-comp-tag-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent2-surface)}ax-tag.ax-outline.ax-accent3{--ax-comp-tag-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent3-surface)}ax-tag.ax-outline.ax-accent4{--ax-comp-tag-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent4-surface)}ax-tag.ax-outline.ax-accent5{--ax-comp-tag-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent5-surface)}ax-tag.ax-outline.ax-accent6{--ax-comp-tag-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent6-surface)}ax-tag.ax-outline.ax-accent7{--ax-comp-tag-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent7-surface)}ax-tag.ax-solid.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-tag.ax-solid.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darkest-surface)}ax-tag.ax-solid.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-surface)}ax-tag.ax-solid.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-surface)}ax-tag.ax-solid.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-surface)}ax-tag.ax-solid.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-surface)}ax-tag.ax-solid.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-surface)}ax-tag.ax-solid.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-surface)}ax-tag.ax-solid.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-surface)}ax-tag.ax-solid.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-surface)}ax-tag.ax-solid.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-surface)}ax-tag.ax-solid.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-surface)}ax-tag.ax-solid.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-surface)}ax-tag.ax-solid.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-surface)}ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-light-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-dark-surface)}ax-tag.ax-twotone.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-lightest-surface)}ax-tag.ax-twotone.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-lightest-surface)}ax-tag.ax-twotone.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-lightest-surface)}ax-tag.ax-twotone.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-lightest-surface)}ax-tag.ax-twotone.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-lightest-surface)}ax-tag.ax-twotone.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-lightest-surface)}ax-tag.ax-twotone.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-lightest-surface)}ax-tag.ax-twotone.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-lightest-surface)}ax-tag.ax-twotone.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-lightest-surface)}ax-tag.ax-twotone.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-lightest-surface)}ax-tag.ax-twotone.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-lightest-surface)}ax-tag.ax-twotone.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-lightest-surface)}ax-tag{--ax-comp-tag-border-radius: var(--ax-sys-border-radius);--ax-comp-tag-height: calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75))}.ax-xs ax-tag,ax-tag.ax-xs{--ax-comp-tag-gap: .25rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .75rem}.ax-sm ax-tag,ax-tag.ax-sm{--ax-comp-tag-gap: .375rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .813rem}.ax-md ax-tag,ax-tag{--ax-comp-tag-gap: .5rem;--ax-comp-tag-padding-x: .5rem;--ax-comp-tag-font-size: .875rem}.ax-lg ax-tag,ax-tag.ax-lg{--ax-comp-tag-gap: .625rem;--ax-comp-tag-font-size: 1.125rem;--ax-comp-tag-padding-x: 1.125rem}.ax-xl ax-tag,ax-tag.ax-xl{--ax-comp-tag-gap: .75rem;--ax-comp-tag-font-size: 1.5rem;--ax-comp-tag-padding-x: 1.5rem}ax-tag{word-wrap:anywhere;align-items:center;display:inline-flex;gap:var(--ax-comp-tag-gap);min-height:var(--ax-comp-tag-height);font-size:var(--ax-comp-tag-font-size);border-radius:var(--ax-comp-tag-border-radius);border-width:var(--ax-comp-tag-border-width, 0);color:rgba(var(--ax-comp-tag-text-color, inherit));border-color:rgba(var(--ax-comp-tag-border-color));background-color:rgba(var(--ax-comp-tag-bg-color));line-height:var(--ax-comp-tag-line-height, 1.25rem);padding-block:var(--ax-comp-tag-padding-y, .25rem);padding-inline:var(--ax-comp-tag-padding-x, .75rem)}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;height:1.25rem;align-items:center;font-size:var(--ax-comp-tag-font-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-tag.ax-outline.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-tag.ax-outline.ax-default{--ax-comp-tag-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darker-surface)}ax-tag.ax-outline{--ax-comp-tag-border-width: 1px}ax-tag.ax-outline.ax-primary{--ax-comp-tag-text-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-primary-surface)}ax-tag.ax-outline.ax-secondary{--ax-comp-tag-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-secondary-surface)}ax-tag.ax-outline.ax-success{--ax-comp-tag-text-color: var(--ax-sys-color-success-surface);--ax-comp-tag-border-color: var(--ax-sys-color-success-surface)}ax-tag.ax-outline.ax-warning{--ax-comp-tag-text-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-border-color: var(--ax-sys-color-warning-surface)}ax-tag.ax-outline.ax-danger{--ax-comp-tag-text-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-border-color: var(--ax-sys-color-danger-surface)}ax-tag.ax-outline.ax-accent1{--ax-comp-tag-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent1-surface)}ax-tag.ax-outline.ax-accent2{--ax-comp-tag-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent2-surface)}ax-tag.ax-outline.ax-accent3{--ax-comp-tag-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent3-surface)}ax-tag.ax-outline.ax-accent4{--ax-comp-tag-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent4-surface)}ax-tag.ax-outline.ax-accent5{--ax-comp-tag-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent5-surface)}ax-tag.ax-outline.ax-accent6{--ax-comp-tag-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent6-surface)}ax-tag.ax-outline.ax-accent7{--ax-comp-tag-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent7-surface)}ax-tag.ax-solid.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-tag.ax-solid.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darkest-surface)}ax-tag.ax-solid.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-surface)}ax-tag.ax-solid.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-surface)}ax-tag.ax-solid.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-surface)}ax-tag.ax-solid.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-surface)}ax-tag.ax-solid.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-surface)}ax-tag.ax-solid.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-surface)}ax-tag.ax-solid.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-surface)}ax-tag.ax-solid.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-surface)}ax-tag.ax-solid.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-surface)}ax-tag.ax-solid.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-surface)}ax-tag.ax-solid.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-surface)}ax-tag.ax-solid.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-surface)}ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-light-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-dark-surface)}ax-tag.ax-twotone.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-lightest-surface)}ax-tag.ax-twotone.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-lightest-surface)}ax-tag.ax-twotone.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-lightest-surface)}ax-tag.ax-twotone.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-lightest-surface)}ax-tag.ax-twotone.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-lightest-surface)}ax-tag.ax-twotone.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-lightest-surface)}ax-tag.ax-twotone.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-lightest-surface)}ax-tag.ax-twotone.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-lightest-surface)}ax-tag.ax-twotone.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-lightest-surface)}ax-tag.ax-twotone.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-lightest-surface)}ax-tag.ax-twotone.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-lightest-surface)}ax-tag.ax-twotone.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-lightest-surface)}ax-tag{--ax-comp-tag-border-radius: var(--ax-sys-border-radius);--ax-comp-tag-height: calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75))}.ax-xs ax-tag,ax-tag.ax-xs{--ax-comp-tag-gap: .25rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .75rem}.ax-sm ax-tag,ax-tag.ax-sm{--ax-comp-tag-gap: .375rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .813rem}.ax-md ax-tag,ax-tag{--ax-comp-tag-gap: .5rem;--ax-comp-tag-padding-x: .5rem;--ax-comp-tag-font-size: .875rem}.ax-lg ax-tag,ax-tag.ax-lg{--ax-comp-tag-gap: .625rem;--ax-comp-tag-font-size: 1.125rem;--ax-comp-tag-padding-x: 1.125rem}.ax-xl ax-tag,ax-tag.ax-xl{--ax-comp-tag-gap: .75rem;--ax-comp-tag-font-size: 1.5rem;--ax-comp-tag-padding-x: 1.5rem}ax-tag{word-wrap:anywhere;align-items:center;display:inline-flex;gap:var(--ax-comp-tag-gap);min-height:var(--ax-comp-tag-height);font-size:var(--ax-comp-tag-font-size);border-radius:var(--ax-comp-tag-border-radius);border-width:var(--ax-comp-tag-border-width, 0);color:rgba(var(--ax-comp-tag-text-color, inherit));border-color:rgba(var(--ax-comp-tag-border-color));background-color:rgba(var(--ax-comp-tag-bg-color));line-height:var(--ax-comp-tag-line-height, 1.25rem);padding-block:var(--ax-comp-tag-padding-y, .25rem);padding-inline:var(--ax-comp-tag-padding-x, .75rem)}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;height:1.25rem;align-items:center;font-size:var(--ax-comp-tag-font-size)}\n"] }]
        }], propDecorators: { text: [{
                type: Input
            }], __hostClass: [{
                type: HostBinding,
                args: ['class']
            }], hostClickListener: [{
                type: HostListener,
                args: ['click', ['$event']]
            }], hostDblClickListener: [{
                type: HostListener,
                args: ['dblclick', ['$event']]
            }], hostContextMenuListener: [{
                type: HostListener,
                args: ['contextmenu', ['$event']]
            }] } });

class AXTagModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [CommonModule, AXTagComponent],
                    exports: [AXTagComponent],
                    providers: [],
                }]
        }] });

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

export { AXTagComponent, AXTagModule };
//# sourceMappingURL=acorex-components-tag.mjs.map
