@anguless/angulux 22.0.0-rc.0

package/fesm2022/anguless-angulux-chip.mjs

@@ -0,0 +1,376 @@
+export * from '@anguless/angulux/types/chip';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, EventEmitter, booleanAttribute, ContentChildren, ContentChild, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { TranslationKeys, SharedModule, AglTemplate } from '@anguless/angulux/api';
+import { BaseComponent, PARENT_INSTANCE } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { TimesCircleIcon } from '@anguless/angulux/icons';
+import { style } from '@anguless/angulux-styles/chip';
+import { BaseStyle } from '@anguless/angulux/base';
+
+const inlineStyles = {
+    root: ({ instance }) => ({
+        display: !instance.visible && 'none'
+    })
+};
+const classes = {
+    root: ({ instance }) => [
+        'p-chip p-component',
+        {
+            'p-disabled': instance.disabled
+        }
+    ],
+    image: 'p-chip-image',
+    icon: 'p-chip-icon',
+    label: 'p-chip-label',
+    removeIcon: 'p-chip-remove-icon'
+};
+class ChipStyle extends BaseStyle {
+    name = 'chip';
+    style = style;
+    classes = classes;
+    inlineStyles = inlineStyles;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * @module chipstyle
+ *
+ */
+var ChipClasses;
+(function (ChipClasses) {
+    /**
+     * Class name of the root element
+     */
+    ChipClasses["root"] = "p-chip";
+    /**
+     * Class name of the image element
+     */
+    ChipClasses["image"] = "p-chip-image";
+    /**
+     * Class name of the icon element
+     */
+    ChipClasses["icon"] = "p-chip-icon";
+    /**
+     * Class name of the label element
+     */
+    ChipClasses["label"] = "p-chip-label";
+    /**
+     * Class name of the remove icon element
+     */
+    ChipClasses["removeIcon"] = "p-chip-remove-icon";
+})(ChipClasses || (ChipClasses = {}));
+
+const CHIP_INSTANCE = new InjectionToken('CHIP_INSTANCE');
+/**
+ * Chip represents people using icons, labels and images.
+ * @group Components
+ */
+class Chip extends BaseComponent {
+    componentName = 'Chip';
+    $pcChip = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Defines the text to display.
+     * @group Props
+     */
+    label;
+    /**
+     * Defines the icon to display.
+     * @group Props
+     */
+    icon;
+    /**
+     * Defines the image to display.
+     * @group Props
+     */
+    image;
+    /**
+     * Alt attribute of the image.
+     * @group Props
+     */
+    alt;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled = false;
+    /**
+     * Whether to display a remove icon.
+     * @group Props
+     */
+    removable = false;
+    /**
+     * Icon of the remove element.
+     * @group Props
+     */
+    removeIcon;
+    /**
+     * Callback to invoke when a chip is removed.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    onRemove = new EventEmitter();
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onImageError = new EventEmitter();
+    visible = true;
+    get removeAriaLabel() {
+        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];
+    }
+    /**
+     * Used to pass all properties of the chipProps to the Chip component.
+     * @group Props
+     */
+    get chipProps() {
+        return this._chipProps;
+    }
+    set chipProps(val) {
+        this._chipProps = val;
+        if (val && typeof val === 'object') {
+            //@ts-ignore
+            Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));
+        }
+    }
+    _chipProps;
+    _componentStyle = inject(ChipStyle);
+    /**
+     * Custom remove icon template.
+     * @group Templates
+     */
+    removeIconTemplate;
+    templates;
+    _removeIconTemplate;
+    onAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'removeicon':
+                    this._removeIconTemplate = item.template;
+                    break;
+                default:
+                    this._removeIconTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    onChanges(simpleChanges) {
+        if (simpleChanges.chipProps && simpleChanges.chipProps.currentValue) {
+            const { currentValue } = simpleChanges.chipProps;
+            if (currentValue.label !== undefined) {
+                this.label = currentValue.label;
+            }
+            if (currentValue.icon !== undefined) {
+                this.icon = currentValue.icon;
+            }
+            if (currentValue.image !== undefined) {
+                this.image = currentValue.image;
+            }
+            if (currentValue.alt !== undefined) {
+                this.alt = currentValue.alt;
+            }
+            if (currentValue.styleClass !== undefined) {
+                this.styleClass = currentValue.styleClass;
+            }
+            if (currentValue.removable !== undefined) {
+                this.removable = currentValue.removable;
+            }
+            if (currentValue.removeIcon !== undefined) {
+                this.removeIcon = currentValue.removeIcon;
+            }
+        }
+    }
+    close(event) {
+        this.visible = false;
+        this.onRemove.emit(event);
+    }
+    onKeydown(event) {
+        if (event.key === 'Enter' || event.key === 'Backspace') {
+            this.close(event);
+        }
+    }
+    imageError(event) {
+        this.onImageError.emit(event);
+    }
+    get dataP() {
+        return this.cn({
+            removable: this.removable
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Chip, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: Chip, isStandalone: true, selector: "agl-chip", inputs: { label: "label", icon: "icon", image: "image", alt: "alt", styleClass: "styleClass", disabled: ["disabled", "disabled", booleanAttribute], removable: ["removable", "removable", booleanAttribute], removeIcon: "removeIcon", chipProps: "chipProps" }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "style": "sx('root')", "attr.aria-label": "label", "attr.data-p": "dataP" } }, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], queries: [{ propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"] }, { propertyName: "templates", predicate: AglTemplate }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <ng-content></ng-content>
+        <img [aglBind]="ptm('image')" [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
+        <ng-template #iconTemplate><span [aglBind]="ptm('icon')" *ngIf="icon" [class]="icon" [ngClass]="cx('icon')"></span></ng-template>
+        <div [aglBind]="ptm('label')" [class]="cx('label')" *ngIf="label">{{ label }}</div>
+        <ng-container *ngIf="removable">
+            <ng-container *ngIf="!removeIconTemplate && !_removeIconTemplate">
+                <span
+                    [aglBind]="ptm('removeIcon')"
+                    *ngIf="removeIcon"
+                    [class]="removeIcon"
+                    [ngClass]="cx('removeIcon')"
+                    (click)="close($event)"
+                    (keydown)="onKeydown($event)"
+                    [attr.tabindex]="disabled ? -1 : 0"
+                    [attr.aria-label]="removeAriaLabel"
+                    role="button"
+                ></span>
+                <svg
+                    [aglBind]="ptm('removeIcon')"
+                    data-p-icon="times-circle"
+                    *ngIf="!removeIcon"
+                    [class]="cx('removeIcon')"
+                    (click)="close($event)"
+                    (keydown)="onKeydown($event)"
+                    [attr.tabindex]="disabled ? -1 : 0"
+                    [attr.aria-label]="removeAriaLabel"
+                    role="button"
+                />
+            </ng-container>
+            <span
+                [aglBind]="ptm('removeIcon')"
+                *ngIf="removeIconTemplate || _removeIconTemplate"
+                [attr.tabindex]="disabled ? -1 : 0"
+                [class]="cx('removeIcon')"
+                (click)="close($event)"
+                (keydown)="onKeydown($event)"
+                [attr.aria-label]="removeAriaLabel"
+                role="button"
+            >
+                <ng-template *ngTemplateOutlet="removeIconTemplate || _removeIconTemplate"></ng-template>
+            </span>
+        </ng-container>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[aglBind]", inputs: ["aglBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Chip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'agl-chip',
+                    standalone: true,
+                    imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],
+                    template: `
+        <ng-content></ng-content>
+        <img [aglBind]="ptm('image')" [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
+        <ng-template #iconTemplate><span [aglBind]="ptm('icon')" *ngIf="icon" [class]="icon" [ngClass]="cx('icon')"></span></ng-template>
+        <div [aglBind]="ptm('label')" [class]="cx('label')" *ngIf="label">{{ label }}</div>
+        <ng-container *ngIf="removable">
+            <ng-container *ngIf="!removeIconTemplate && !_removeIconTemplate">
+                <span
+                    [aglBind]="ptm('removeIcon')"
+                    *ngIf="removeIcon"
+                    [class]="removeIcon"
+                    [ngClass]="cx('removeIcon')"
+                    (click)="close($event)"
+                    (keydown)="onKeydown($event)"
+                    [attr.tabindex]="disabled ? -1 : 0"
+                    [attr.aria-label]="removeAriaLabel"
+                    role="button"
+                ></span>
+                <svg
+                    [aglBind]="ptm('removeIcon')"
+                    data-p-icon="times-circle"
+                    *ngIf="!removeIcon"
+                    [class]="cx('removeIcon')"
+                    (click)="close($event)"
+                    (keydown)="onKeydown($event)"
+                    [attr.tabindex]="disabled ? -1 : 0"
+                    [attr.aria-label]="removeAriaLabel"
+                    role="button"
+                />
+            </ng-container>
+            <span
+                [aglBind]="ptm('removeIcon')"
+                *ngIf="removeIconTemplate || _removeIconTemplate"
+                [attr.tabindex]="disabled ? -1 : 0"
+                [class]="cx('removeIcon')"
+                (click)="close($event)"
+                (keydown)="onKeydown($event)"
+                [attr.aria-label]="removeAriaLabel"
+                role="button"
+            >
+                <ng-template *ngTemplateOutlet="removeIconTemplate || _removeIconTemplate"></ng-template>
+            </span>
+        </ng-container>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],
+                    host: {
+                        '[class]': "cn(cx('root'), styleClass)",
+                        '[style]': "sx('root')",
+                        '[attr.aria-label]': 'label',
+                        '[attr.data-p]': 'dataP'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], image: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], removable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], removeIcon: [{
+                type: Input
+            }], onRemove: [{
+                type: Output
+            }], onImageError: [{
+                type: Output
+            }], chipProps: [{
+                type: Input
+            }], removeIconTemplate: [{
+                type: ContentChild,
+                args: ['removeicon', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [AglTemplate]
+            }] } });
+class ChipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Chip, SharedModule],
+                    exports: [Chip, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Chip, ChipClasses, ChipModule, ChipStyle };
+//# sourceMappingURL=anguless-angulux-chip.mjs.map

package/fesm2022/anguless-angulux-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-chip.mjs","sources":["../../src/chip/style/chipstyle.ts","../../src/chip/chip.ts","../../src/chip/anguless-angulux-chip.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@anguless/angulux-styles/chip';\nimport { BaseStyle } from '@anguless/angulux/base';\n\nconst inlineStyles = {\n    root: ({ instance }) => ({\n        display: !instance.visible && 'none'\n    })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-chip p-component',\n        {\n            'p-disabled': instance.disabled\n        }\n    ],\n    image: 'p-chip-image',\n    icon: 'p-chip-icon',\n    label: 'p-chip-label',\n    removeIcon: 'p-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n    name = 'chip';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Chip represents people using icons, labels and images.\n *\n * @module chipstyle\n *\n */\nexport enum ChipClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-chip',\n    /**\n     * Class name of the image element\n     */\n    image = 'p-chip-image',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'p-chip-icon',\n    /**\n     * Class name of the label element\n     */\n    label = 'p-chip-label',\n    /**\n     * Class name of the remove icon element\n     */\n    removeIcon = 'p-chip-remove-icon'\n}\n\nexport interface ChipStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { AglTemplate, SharedModule, TranslationKeys } from '@anguless/angulux/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@anguless/angulux/basecomponent';\nimport { Bind } from '@anguless/angulux/bind';\nimport { TimesCircleIcon } from '@anguless/angulux/icons';\nimport { ChipProps, ChipPassThrough } from '@anguless/angulux/types/chip';\nimport { ChipStyle } from './style/chipstyle';\n\nconst CHIP_INSTANCE = new InjectionToken<Chip>('CHIP_INSTANCE');\n\n/**\n * Chip represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'agl-chip',\n    standalone: true,\n    imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],\n    template: `\n        <ng-content></ng-content>\n        <img [aglBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"image\" *ngIf=\"image; else iconTemplate\" (error)=\"imageError($event)\" [alt]=\"alt\" />\n        <ng-template #iconTemplate><span [aglBind]=\"ptm('icon')\" *ngIf=\"icon\" [class]=\"icon\" [ngClass]=\"cx('icon')\"></span></ng-template>\n        <div [aglBind]=\"ptm('label')\" [class]=\"cx('label')\" *ngIf=\"label\">{{ label }}</div>\n        <ng-container *ngIf=\"removable\">\n            <ng-container *ngIf=\"!removeIconTemplate && !_removeIconTemplate\">\n                <span\n                    [aglBind]=\"ptm('removeIcon')\"\n                    *ngIf=\"removeIcon\"\n                    [class]=\"removeIcon\"\n                    [ngClass]=\"cx('removeIcon')\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                ></span>\n                <svg\n                    [aglBind]=\"ptm('removeIcon')\"\n                    data-p-icon=\"times-circle\"\n                    *ngIf=\"!removeIcon\"\n                    [class]=\"cx('removeIcon')\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                />\n            </ng-container>\n            <span\n                [aglBind]=\"ptm('removeIcon')\"\n                *ngIf=\"removeIconTemplate || _removeIconTemplate\"\n                [attr.tabindex]=\"disabled ? -1 : 0\"\n                [class]=\"cx('removeIcon')\"\n                (click)=\"close($event)\"\n                (keydown)=\"onKeydown($event)\"\n                [attr.aria-label]=\"removeAriaLabel\"\n                role=\"button\"\n            >\n                <ng-template *ngTemplateOutlet=\"removeIconTemplate || _removeIconTemplate\"></ng-template>\n            </span>\n        </ng-container>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass)\",\n        '[style]': \"sx('root')\",\n        '[attr.aria-label]': 'label',\n        '[attr.data-p]': 'dataP'\n    },\n    hostDirectives: [Bind]\n})\nexport class Chip extends BaseComponent<ChipPassThrough> {\n    componentName = 'Chip';\n\n    $pcChip: Chip | undefined = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    @Input() icon: string | undefined;\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    @Input() image: string | undefined;\n    /**\n     * Alt attribute of the image.\n     * @group Props\n     */\n    @Input() alt: string | undefined;\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) disabled: boolean | undefined = false;\n    /**\n     * Whether to display a remove icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) removable: boolean | undefined = false;\n    /**\n     * Icon of the remove element.\n     * @group Props\n     */\n    @Input() removeIcon: string | undefined;\n    /**\n     * Callback to invoke when a chip is removed.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Emits\n     */\n    @Output() onRemove: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    visible: boolean = true;\n\n    get removeAriaLabel() {\n        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n    }\n    /**\n     * Used to pass all properties of the chipProps to the Chip component.\n     * @group Props\n     */\n    @Input() get chipProps(): ChipProps | undefined {\n        return this._chipProps;\n    }\n    set chipProps(val: ChipProps | undefined) {\n        this._chipProps = val;\n\n        if (val && typeof val === 'object') {\n            //@ts-ignore\n            Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));\n        }\n    }\n\n    _chipProps: ChipProps | undefined;\n\n    _componentStyle = inject(ChipStyle);\n\n    /**\n     * Custom remove icon template.\n     * @group Templates\n     */\n    @ContentChild('removeicon', { descendants: false }) removeIconTemplate: TemplateRef<void> | undefined;\n\n    @ContentChildren(AglTemplate) templates: QueryList<AglTemplate> | undefined;\n\n    _removeIconTemplate: TemplateRef<void> | undefined;\n\n    onAfterContentInit() {\n        (this.templates as QueryList<AglTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'removeicon':\n                    this._removeIconTemplate = item.template;\n                    break;\n\n                default:\n                    this._removeIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onChanges(simpleChanges: SimpleChanges) {\n        if (simpleChanges.chipProps && simpleChanges.chipProps.currentValue) {\n            const { currentValue } = simpleChanges.chipProps;\n\n            if (currentValue.label !== undefined) {\n                this.label = currentValue.label;\n            }\n            if (currentValue.icon !== undefined) {\n                this.icon = currentValue.icon;\n            }\n            if (currentValue.image !== undefined) {\n                this.image = currentValue.image;\n            }\n            if (currentValue.alt !== undefined) {\n                this.alt = currentValue.alt;\n            }\n            if (currentValue.styleClass !== undefined) {\n                this.styleClass = currentValue.styleClass;\n            }\n            if (currentValue.removable !== undefined) {\n                this.removable = currentValue.removable;\n            }\n            if (currentValue.removeIcon !== undefined) {\n                this.removeIcon = currentValue.removeIcon;\n            }\n        }\n    }\n\n    close(event: MouseEvent) {\n        this.visible = false;\n        this.onRemove.emit(event);\n    }\n\n    onKeydown(event) {\n        if (event.key === 'Enter' || event.key === 'Backspace') {\n            this.close(event);\n        }\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n\n    get dataP() {\n        return this.cn({\n            removable: this.removable\n        });\n    }\n}\n\n@NgModule({\n    imports: [Chip, SharedModule],\n    exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}