@firestitch/chip 18.0.8 → 18.0.10

package/app/components/chip/chip.component.d.ts

@@ -1,9 +1,11 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { FsChipSuffixDirective } from '../../directives';
 import * as i0 from "@angular/core";
 export declare class FsChipComponent implements OnDestroy, OnChanges {
     private _cdRef;
     templateRef: TemplateRef<void>;
+    chipSuffixes: QueryList<FsChipSuffixDirective>;
     selectable: boolean;
     removable: boolean;
     value: any;
@@ -13,13 +15,6 @@ export declare class FsChipComponent implements OnDestroy, OnChanges {
     borderColor: any;
     color: any;
     outlined: any;
-    actions: {
-        icon: string;
-        click: (event: MouseEvent) => void;
-        type?: 'remove';
-        link?: string;
-        linkTarget?: string;
-    }[];
     icon: string;
     image: string;
     set setSelected(value: boolean);
@@ -39,10 +34,11 @@ export declare class FsChipComponent implements OnDestroy, OnChanges {
     get destroy$(): Observable<any>;
     ngOnChanges(changes: SimpleChanges): void;
     actionClick(action: any, event: MouseEvent): void;
+    chipSuffixClick(chipSuffix: any, event: MouseEvent): void;
     ngOnDestroy(): void;
     remove(event: MouseEvent): void;
     private _isContrastYIQBlack;
     private _updateStyles;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipComponent, "fs-chip", never, { "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "setSelected": { "alias": "selected"; "required": false; }; "setSize": { "alias": "size"; "required": false; }; }, { "selectedToggled": "selectedToggled"; "removed": "removed"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipComponent, "fs-chip", never, { "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "setSelected": { "alias": "selected"; "required": false; }; "setSize": { "alias": "size"; "required": false; }; }, { "selectedToggled": "selectedToggled"; "removed": "removed"; }, ["chipSuffixes"], ["*"], false, never>;
 }

package/app/components/chip/index.d.ts

@@ -0,0 +1 @@
+export * from './chip.component';

package/app/components/chip-suffix/chip-suffix.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FsChipSuffixComponent {
+    icon: string;
+    link: string;
+    linkTarget: string;
+    color: string;
+    click: EventEmitter<MouseEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipSuffixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipSuffixComponent, "fs-chip-suffix", never, { "icon": { "alias": "icon"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "click": "click"; }, never, ["*"], false, never>;
+}

package/app/components/chip-suffix/index.d.ts

@@ -0,0 +1 @@
+export * from './chip-suffix.component';

package/app/components/chips/index.d.ts

@@ -0,0 +1 @@
+export * from './chips.component';

package/app/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chip';
+export * from './chip-suffix';
+export * from './chips';

package/app/directives/chip-suffix.directive.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FsChipSuffixDirective {
+    icon: string;
+    link: string;
+    linkTarget: string;
+    color: string;
+    click: EventEmitter<MouseEvent>;
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipSuffixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FsChipSuffixDirective, "[fsChipSuffix]", never, { "icon": { "alias": "icon"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "click": "click"; }, never, never, false, never>;
+}

package/app/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './chip-suffix.directive';

package/app/fs-chip.module.d.ts

@@ -2,14 +2,15 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./components/chips/chips.component";
 import * as i2 from "./components/chip/chip.component";
-import * as i3 from "./components/chip-action/chip-action.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/drag-drop";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@firestitch/label";
+import * as i3 from "./components/chip-suffix/chip-suffix.component";
+import * as i4 from "./directives/chip-suffix.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@firestitch/label";
 export declare class FsChipModule {
     static forRoot(): ModuleWithProviders<FsChipModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsChipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FsChipModule, [typeof i1.FsChipsComponent, typeof i2.FsChipComponent, typeof i3.FsChipActionComponent], [typeof i4.CommonModule, typeof i5.DragDropModule, typeof i6.MatIconModule, typeof i7.FsLabelModule], [typeof i1.FsChipsComponent, typeof i2.FsChipComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FsChipModule, [typeof i1.FsChipsComponent, typeof i2.FsChipComponent, typeof i3.FsChipSuffixComponent, typeof i4.FsChipSuffixDirective], [typeof i5.CommonModule, typeof i6.DragDropModule, typeof i7.MatIconModule, typeof i8.FsLabelModule], [typeof i1.FsChipsComponent, typeof i2.FsChipComponent, typeof i4.FsChipSuffixDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FsChipModule>;
 }

package/esm2022/app/components/chip/chip.component.mjs

@@ -1,12 +1,14 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef, ViewChild, } from '@angular/core';
 import { Subject } from 'rxjs';
+import { FsChipSuffixDirective } from '../../directives';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/icon";
-import * as i3 from "../chip-action/chip-action.component";
+import * as i3 from "../chip-suffix/chip-suffix.component";
 export class FsChipComponent {
     _cdRef;
     templateRef;
+    chipSuffixes;
     selectable = false;
     removable = true;
     value;
@@ -16,7 +18,6 @@ export class FsChipComponent {
     borderColor;
     color;
     outlined;
-    actions = [];
     icon;
     image;
     set setSelected(value) {
@@ -59,8 +60,6 @@ export class FsChipComponent {
         return this._destroy$.asObservable();
     }
     ngOnChanges(changes) {
-        this.actions = this.actions
-            .filter((action) => action.type !== 'remove');
         if (changes.selectable) {
             this.classes.selectable = this.selectable;
         }
@@ -73,14 +72,8 @@ export class FsChipComponent {
         if (changes.image) {
             this.classes.imaged = !!this.image;
         }
-        if (this.removed.observed && this.removable) {
-            this.actions.push({
-                icon: 'remove_circle_outline',
-                click: (event) => this.remove(event),
-                type: 'remove',
-            });
-        }
-        this.classes.actionable = this.actions.length !== 0;
+        // this.classes.actionable = this.chipSuffixes.length !== 0 || 
+        // (this.removed.observed && this.removable);
         this._updateStyles();
     }
     actionClick(action, event) {
@@ -88,6 +81,9 @@ export class FsChipComponent {
             action.click(event);
         }
     }
+    chipSuffixClick(chipSuffix, event) {
+        chipSuffix.click.emit(event);
+    }
     ngOnDestroy() {
         this._destroy$.next(null);
         this._destroy$.complete();
@@ -128,14 +124,17 @@ export class FsChipComponent {
         this._cdRef.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", maxWidth: "maxWidth", width: "width", backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined", actions: "actions", icon: "icon", image: "image", setSelected: ["selected", "setSelected"], setSize: ["size", "setSize"] }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (actions) {\n      <div class=\"actions\">\n        @for (action of actions; track action.icon) {\n          <fs-chip-action\n            [icon]=\"action.icon\"\n            [link]=\"action.link\"\n            [linkTarget]=\"action.linkTarget\"\n            [color]=\"styles.color\"\n            (actionClick)=\"actionClick(action, $event)\">\n          </fs-chip-action>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [".fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:3px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:5px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-action{display:flex;cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-action{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-action{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-action{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.FsChipActionComponent, selector: "fs-chip-action", inputs: ["icon", "link", "linkTarget", "color"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", maxWidth: "maxWidth", width: "width", backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined", icon: "icon", image: "image", setSelected: ["selected", "setSelected"], setSize: ["size", "setSize"] }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, queries: [{ propertyName: "chipSuffixes", predicate: FsChipSuffixDirective }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [class.actionable]=\"chipSuffixes.length !== 0 || (removed.observed && removable)\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (chipSuffixes.length !== 0 || (removed.observed && removable)) {\n      <div class=\"actions\">\n        @for (chipSuffix of chipSuffixes; track chipSuffix) {\n          <fs-chip-suffix\n              [ngClass]=\"{ 'clickable': chipSuffix.click.observers.length }\"\n              [icon]=\"chipSuffix.icon\"\n              [link]=\"chipSuffix.link\"\n              [linkTarget]=\"chipSuffix.linkTarget\"\n              [color]=\"styles.color\"\n              (click)=\"chipSuffixClick(chipSuffix, $event)\">\n            <ng-container *ngTemplateOutlet=\"chipSuffix.templateRef\"></ng-container>\n          </fs-chip-suffix>\n        }\n        @if (removed.observed && removable) {\n          <fs-chip-suffix\n            [ngClass]=\"{ 'clickable': true }\"\n            [icon]=\"'remove_circle_outline'\"\n            [color]=\"styles.color\"\n            (click)=\"remove($event)\">\n          </fs-chip-suffix>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [":host{display:flex}.fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:5px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip ::ng-deep mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:8px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-suffix{display:flex;align-items:center}.fs-chip fs-chip-suffix+fs-chip-suffix{margin-left:3px}.fs-chip fs-chip-suffix.clickable{cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-suffix{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro ::ng-deep mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-suffix{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny ::ng-deep mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-suffix{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small ::ng-deep mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.FsChipSuffixComponent, selector: "fs-chip-suffix", inputs: ["icon", "link", "linkTarget", "color"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (actions) {\n      <div class=\"actions\">\n        @for (action of actions; track action.icon) {\n          <fs-chip-action\n            [icon]=\"action.icon\"\n            [link]=\"action.link\"\n            [linkTarget]=\"action.linkTarget\"\n            [color]=\"styles.color\"\n            (actionClick)=\"actionClick(action, $event)\">\n          </fs-chip-action>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [".fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:3px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:5px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-action{display:flex;cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-action{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-action{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-action{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
+            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [class.actionable]=\"chipSuffixes.length !== 0 || (removed.observed && removable)\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (chipSuffixes.length !== 0 || (removed.observed && removable)) {\n      <div class=\"actions\">\n        @for (chipSuffix of chipSuffixes; track chipSuffix) {\n          <fs-chip-suffix\n              [ngClass]=\"{ 'clickable': chipSuffix.click.observers.length }\"\n              [icon]=\"chipSuffix.icon\"\n              [link]=\"chipSuffix.link\"\n              [linkTarget]=\"chipSuffix.linkTarget\"\n              [color]=\"styles.color\"\n              (click)=\"chipSuffixClick(chipSuffix, $event)\">\n            <ng-container *ngTemplateOutlet=\"chipSuffix.templateRef\"></ng-container>\n          </fs-chip-suffix>\n        }\n        @if (removed.observed && removable) {\n          <fs-chip-suffix\n            [ngClass]=\"{ 'clickable': true }\"\n            [icon]=\"'remove_circle_outline'\"\n            [color]=\"styles.color\"\n            (click)=\"remove($event)\">\n          </fs-chip-suffix>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [":host{display:flex}.fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:5px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip ::ng-deep mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:8px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-suffix{display:flex;align-items:center}.fs-chip fs-chip-suffix+fs-chip-suffix{margin-left:3px}.fs-chip fs-chip-suffix.clickable{cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-suffix{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro ::ng-deep mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-suffix{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny ::ng-deep mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-suffix{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small ::ng-deep mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: [TemplateRef, { static: true }]
+            }], chipSuffixes: [{
+                type: ContentChildren,
+                args: [FsChipSuffixDirective]
             }], selectable: [{
                 type: Input
             }], removable: [{
@@ -154,8 +153,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }], outlined: [{
                 type: Input
-            }], actions: [{
-                type: Input
             }], icon: [{
                 type: Input
             }], image: [{
@@ -171,4 +168,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input,
                 args: ['size']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUFFLGlCQUFpQixFQUMxQyxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4sV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7OztBQVMzQyxNQUFNLE9BQU8sZUFBZTtJQWdFaEI7SUE3REgsV0FBVyxDQUFvQjtJQUcvQixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBR25CLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFHakIsS0FBSyxDQUFNO0lBR1gsUUFBUSxDQUFTO0lBR2pCLEtBQUssQ0FBUztJQUVMLGVBQWUsQ0FBQztJQUVoQixXQUFXLENBQUM7SUFFWixLQUFLLENBQUM7SUFFTixRQUFRLENBQUM7SUFHbEIsT0FBTyxHQU1SLEVBQUUsQ0FBQztJQUdGLElBQUksQ0FBUztJQUdiLEtBQUssQ0FBUztJQUVyQixJQUNXLFdBQVcsQ0FBQyxLQUFjO1FBQ25DLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRWdCLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ3JDLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXZDLE1BQU0sR0FBUSxFQUFF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QWU7a0JBTjNCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNO3NGQUt4QyxXQUFXO3NCQURqQixTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSWpDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsS0FBSztzQkFEWCxLQUFLO2dCQUdVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBRVUsV0FBVztzQkFBMUIsS0FBSztnQkFFVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQVVDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUssV0FBVztzQkFEckIsS0FBSzt1QkFBQyxVQUFVO2dCQVVBLGVBQWU7c0JBQS9CLE1BQU07Z0JBQ1UsT0FBTztzQkFBdkIsTUFBTTtnQkFhbUIsT0FBTztzQkFBaEMsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtY2hpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95LCBPbkNoYW5nZXMge1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pIFxuICBwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHZvaWQ+O1xuXG4gIEBJbnB1dCgpIFxuICBwdWJsaWMgc2VsZWN0YWJsZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZW1vdmFibGUgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIFxuICBwdWJsaWMgdmFsdWU6IGFueTtcblxuICBASW5wdXQoKSBcbiAgcHVibGljIG1heFdpZHRoOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgXG4gIHB1YmxpYyB3aWR0aDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBiYWNrZ3JvdW5kQ29sb3I7XG5cbiAgQElucHV0KCkgcHVibGljIGJvcmRlckNvbG9yO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjtcblxuICBASW5wdXQoKSBwdWJsaWMgb3V0bGluZWQ7XG5cbiAgQElucHV0KCkgXG4gIHB1YmxpYyBhY3Rpb25zOiB7XG4gICAgaWNvbjogc3RyaW5nLCBcbiAgICBjbGljazogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkLCBcbiAgICB0eXBlPzogJ3JlbW92ZScsXG4gICAgbGluaz86IHN0cmluZyxcbiAgICBsaW5rVGFyZ2V0Pzogc3RyaW5nLFxuICB9W10gPSBbXTtcblxuICBASW5wdXQoKSBcbiAgcHVibGljIGljb246IHN0cmluZztcbiAgXG4gIEBJbnB1dCgpIFxuICBwdWJsaWMgaW1hZ2U6IHN0cmluZztcbiAgXG4gIEBJbnB1dCgnc2VsZWN0ZWQnKSBcbiAgcHVibGljIHNldCBzZXRTZWxlY3RlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuY2xhc3Nlcy5zZWxlY3RlZCA9IHZhbHVlO1xuICAgIHRoaXMuX3NlbGVjdGVkID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNlbGVjdGVkKCkge1xuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZDtcbiAgfVxuXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VsZWN0ZWRUb2dnbGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcHVibGljIHJlbW92ZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHVibGljIHN0eWxlczogYW55ID0ge307XG4gIHB1YmxpYyBjbGFzc2VzOiBhbnkgPSB7fTtcbiAgcHVibGljIGhhc0NoaXBzOiBib29sZWFuO1xuXG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcbiAgcHJpdmF0ZSBfc2VsZWN0ZWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBASW5wdXQoJ3NpemUnKSBwdWJsaWMgc2V0IHNldFNpemUodmFsdWUpIHtcbiAgICB0aGlzLmNsYXNzZXNbJ3NpemUtc21hbGwnXSA9IHZhbHVlID09PSAnc21hbGwnO1xuICAgIHRoaXMuY2xhc3Nlc1snc2l6ZS10aW55J10gPSB2YWx1ZSA9PT0gJ3RpbnknO1xuICAgIHRoaXMuY2xhc3Nlc1snc2l6ZS1taWNybyddID0gdmFsdWUgPT09ICdtaWNybyc7XG4gIH1cblxuICBwdWJsaWMgY2xpY2soKSB7XG4gICAgaWYgKHRoaXMuc2VsZWN0YWJsZSkge1xuICAgICAgdGhpcy5zZXRTZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgICAgdGhpcy5zZWxlY3RlZFRvZ2dsZWQuZW1pdCh7IHZhbHVlOiB0aGlzLnZhbHVlLCBzZWxlY3RlZDogdGhpcy5zZWxlY3RlZCB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KCkge1xuICAgIHRoaXMuc2V0U2VsZWN0ZWQgPSB0cnVlO1xuICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIHVuc2VsZWN0KCkge1xuICAgIHRoaXMuc2V0U2VsZWN0ZWQgPSBmYWxzZTtcbiAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGVzdHJveSQoKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5fZGVzdHJveSQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIHRoaXMuYWN0aW9ucyA9IHRoaXMuYWN0aW9uc1xuICAgICAgLmZpbHRlcigoYWN0aW9uKSA9PiBhY3Rpb24udHlwZSAhPT0gJ3JlbW92ZScpO1xuXG4gICAgaWYoY2hhbmdlcy5zZWxlY3RhYmxlKSB7XG4gICAgICB0aGlzLmNsYXNzZXMuc2VsZWN0YWJsZSA9IHRoaXMuc2VsZWN0YWJsZTtcbiAgICB9XG5cbiAgICBpZihjaGFuZ2VzLnJlbW92YWJsZSkge1xuICAgICAgdGhpcy5jbGFzc2VzLnJlbW92YWJsZSA9IHRoaXMucmVtb3ZhYmxlO1xuICAgIH1cblxuICAgIGlmKGNoYW5nZXMuaWNvbikge1xuICAgICAgdGhpcy5jbGFzc2VzLmljb25lZCA9ICEhdGhpcy5pY29uO1xuICAgIH1cblxuICAgIGlmKGNoYW5nZXMuaW1hZ2UpIHtcbiAgICAgIHRoaXMuY2xhc3Nlcy5pbWFnZWQgPSAhIXRoaXMuaW1hZ2U7XG4gICAgfVxuXG4gICAgaWYodGhpcy5yZW1vdmVkLm9ic2VydmVkICYmIHRoaXMucmVtb3ZhYmxlKSB7XG4gICAgICB0aGlzLmFjdGlvbnMucHVzaCh7XG4gICAgICAgIGljb246ICdyZW1vdmVfY2lyY2xlX291dGxpbmUnLFxuICAgICAgICBjbGljazogKGV2ZW50KSA9PiB0aGlzLnJlbW92ZShldmVudCksXG4gICAgICAgIHR5cGU6ICdyZW1vdmUnLFxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgdGhpcy5jbGFzc2VzLmFjdGlvbmFibGUgPSB0aGlzLmFjdGlvbnMubGVuZ3RoICE9PSAwO1xuXG4gICAgdGhpcy5fdXBkYXRlU3R5bGVzKCk7XG4gIH1cblxuICBwdWJsaWMgYWN0aW9uQ2xpY2soYWN0aW9uLCBldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmKGFjdGlvbi5jbGljaykge1xuICAgICAgYWN0aW9uLmNsaWNrKGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fZGVzdHJveSQubmV4dChudWxsKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZShldmVudDogTW91c2VFdmVudCkge1xuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMucmVtb3ZlZC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzQ29udHJhc3RZSVFCbGFjayhoZXhjb2xvcikge1xuICAgIGlmICghaGV4Y29sb3IpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIGhleGNvbG9yID0gaGV4Y29sb3IucmVwbGFjZSgnIycsICcnKTtcbiAgICBjb25zdCByID0gcGFyc2VJbnQoaGV4Y29sb3Iuc3Vic3RyKDAsIDIpLCAxNik7XG4gICAgY29uc3QgZyA9IHBhcnNlSW50KGhleGNvbG9yLnN1YnN0cigyLCAyKSwgMTYpO1xuICAgIGNvbnN0IGIgPSBwYXJzZUludChoZXhjb2xvci5zdWJzdHIoNCwgMiksIDE2KTtcbiAgICBjb25zdCB5aXEgPSAoKHIgKiAyOTkpICsgKGcgKiA1ODcpICsgKGIgKiAxMTQpKSAvIDEwMDA7XG5cbiAgICByZXR1cm4geWlxID49IDIwMDtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0eWxlcygpIHtcbiAgICB0aGlzLnN0eWxlcy5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmJhY2tncm91bmRDb2xvcjtcbiAgICB0aGlzLnN0eWxlcy5ib3JkZXJDb2xvciA9IHRoaXMuYm9yZGVyQ29sb3I7XG4gICAgdGhpcy5zdHlsZXMud2lkdGggPSB0aGlzLndpZHRoO1xuICAgIHRoaXMuY2xhc3Nlcy5vdXRsaW5lZCA9IHRoaXMub3V0bGluZWQ7XG5cbiAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgdGhpcy5zdHlsZXMuY29sb3IgPSB0aGlzLmNvbG9yO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMub3V0bGluZWQpIHtcbiAgICAgIHRoaXMuc3R5bGVzLmNvbG9yID0gdGhpcy5faXNDb250cmFzdFlJUUJsYWNrKHRoaXMuYmFja2dyb3VuZENvbG9yKSA/ICcjNDc0NzQ3JyA6ICcjZmZmJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5vdXRsaW5lZCkge1xuICAgICAgdGhpcy5zdHlsZXMuYmFja2dyb3VuZENvbG9yID0gJyc7XG5cbiAgICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICAgIHRoaXMuc3R5bGVzLmJvcmRlckNvbG9yID0gdGhpcy5jb2xvcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8ZGl2XG4gICAgICBjbGFzcz1cImZzLWNoaXBcIlxuICAgICAgKGNsaWNrKT1cImNsaWNrKClcIlxuICAgICAgW25nU3R5bGVdPVwic3R5bGVzXCJcbiAgICAgIFtuZ0NsYXNzXT1cImNsYXNzZXNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaW1hZ2VcIj5cbiAgICAgIDxpbWdcbiAgICAgICAgW3NyY109XCJpbWFnZVwiXG4gICAgICAgIGNsYXNzPVwiaW1hZ2VcIlxuICAgICAgICBhbHQ9XCJcIj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaWNvblwiPlxuICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaWNvblwiPlxuICAgICAgICB7eyBpY29uIH19XG4gICAgICA8L21hdC1pY29uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJmcy1jaGlwLWNvbnRlbnRcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7ICdtYXgtd2lkdGgnOiBtYXhXaWR0aCB9XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgQGlmIChzZWxlY3RlZCkge1xuICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkLWNoZWNrXCI+XG4gICAgICAgIDxtYXQtaWNvbiBbc3R5bGUuY29sb3JdPVwic3R5bGVzLmNvbG9yXCI+XG4gICAgICAgICAgY2hlY2tcbiAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAaWYgKGFjdGlvbnMpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgIEBmb3IgKGFjdGlvbiBvZiBhY3Rpb25zOyB0cmFjayBhY3Rpb24uaWNvbikge1xuICAgICAgICAgIDxmcy1jaGlwLWFjdGlvblxuICAgICAgICAgICAgW2ljb25dPVwiYWN0aW9uLmljb25cIlxuICAgICAgICAgICAgW2xpbmtdPVwiYWN0aW9uLmxpbmtcIlxuICAgICAgICAgICAgW2xpbmtUYXJnZXRdPVwiYWN0aW9uLmxpbmtUYXJnZXRcIlxuICAgICAgICAgICAgW2NvbG9yXT1cInN0eWxlcy5jb2xvclwiXG4gICAgICAgICAgICAoYWN0aW9uQ2xpY2spPVwiYWN0aW9uQ2xpY2soYWN0aW9uLCAkZXZlbnQpXCI+XG4gICAgICAgICAgPC9mcy1jaGlwLWFjdGlvbj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5AaWYgKCFoYXNDaGlwcykge1xuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUFFLGlCQUFpQixFQUMxQyxTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsRUFFVCxXQUFXLEVBQ1gsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBU3pELE1BQU0sT0FBTyxlQUFlO0lBMERoQjtJQXZESCxXQUFXLENBQW9CO0lBRy9CLFlBQVksQ0FBbUM7SUFHL0MsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUduQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBR2pCLEtBQUssQ0FBTTtJQUdYLFFBQVEsQ0FBUztJQUdqQixLQUFLLENBQVM7SUFFTCxlQUFlLENBQUM7SUFFaEIsV0FBVyxDQUFDO0lBRVosS0FBSyxDQUFDO0lBRU4sUUFBUSxDQUFDO0lBR2xCLElBQUksQ0FBUztJQUdiLEtBQUssQ0FBUztJQUVyQixJQUNXLFdBQVcsQ0FBQyxLQUFjO1FBQ25DLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRWdCLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFD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S0FBSztzQkFEWCxLQUFLO2dCQUdVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBRVUsV0FBVztzQkFBMUIsS0FBSztnQkFFVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBR0MsSUFBSTtzQkFEVixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJSyxXQUFXO3NCQURyQixLQUFLO3VCQUFDLFVBQVU7Z0JBVUEsZUFBZTtzQkFBL0IsTUFBTTtnQkFDVSxPQUFPO3NCQUF2QixNQUFNO2dCQWFtQixPQUFPO3NCQUFoQyxLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEZzQ2hpcFN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZzLWNoaXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZzQ2hpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcblxuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogdHJ1ZSB9KSBcbiAgcHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjx2b2lkPjtcblxuICBAQ29udGVudENoaWxkcmVuKEZzQ2hpcFN1ZmZpeERpcmVjdGl2ZSkgXG4gIHB1YmxpYyBjaGlwU3VmZml4ZXM6IFF1ZXJ5TGlzdDxGc0NoaXBTdWZmaXhEaXJlY3RpdmU+O1xuXG4gIEBJbnB1dCgpIFxuICBwdWJsaWMgc2VsZWN0YWJsZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZW1vdmFibGUgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIFxuICBwdWJsaWMgdmFsdWU6IGFueTtcblxuICBASW5wdXQoKSBcbiAgcHVibGljIG1heFdpZHRoOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgXG4gIHB1YmxpYyB3aWR0aDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBiYWNrZ3JvdW5kQ29sb3I7XG5cbiAgQElucHV0KCkgcHVibGljIGJvcmRlckNvbG9yO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjtcblxuICBASW5wdXQoKSBwdWJsaWMgb3V0bGluZWQ7XG5cbiAgQElucHV0KCkgXG4gIHB1YmxpYyBpY29uOiBzdHJpbmc7XG4gIFxuICBASW5wdXQoKSBcbiAgcHVibGljIGltYWdlOiBzdHJpbmc7XG4gIFxuICBASW5wdXQoJ3NlbGVjdGVkJykgXG4gIHB1YmxpYyBzZXQgc2V0U2VsZWN0ZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmNsYXNzZXMuc2VsZWN0ZWQgPSB2YWx1ZTtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBzZWxlY3RlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cblxuICBAT3V0cHV0KCkgcHVibGljIHNlbGVjdGVkVG9nZ2xlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIHB1YmxpYyByZW1vdmVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBzdHlsZXM6IGFueSA9IHt9O1xuICBwdWJsaWMgY2xhc3NlczogYW55ID0ge307XG4gIHB1YmxpYyBoYXNDaGlwczogYm9vbGVhbjtcblxuICBwcml2YXRlIF9kZXN0cm95JCA9IG5ldyBTdWJqZWN0KCk7XG4gIHByaXZhdGUgX3NlbGVjdGVkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHt9XG5cbiAgQElucHV0KCdzaXplJykgcHVibGljIHNldCBzZXRTaXplKHZhbHVlKSB7XG4gICAgdGhpcy5jbGFzc2VzWydzaXplLXNtYWxsJ10gPSB2YWx1ZSA9PT0gJ3NtYWxsJztcbiAgICB0aGlzLmNsYXNzZXNbJ3NpemUtdGlueSddID0gdmFsdWUgPT09ICd0aW55JztcbiAgICB0aGlzLmNsYXNzZXNbJ3NpemUtbWljcm8nXSA9IHZhbHVlID09PSAnbWljcm8nO1xuICB9XG5cbiAgcHVibGljIGNsaWNrKCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGFibGUpIHtcbiAgICAgIHRoaXMuc2V0U2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcbiAgICAgIHRoaXMuc2VsZWN0ZWRUb2dnbGVkLmVtaXQoeyB2YWx1ZTogdGhpcy52YWx1ZSwgc2VsZWN0ZWQ6IHRoaXMuc2VsZWN0ZWQgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdCgpIHtcbiAgICB0aGlzLnNldFNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyB1bnNlbGVjdCgpIHtcbiAgICB0aGlzLnNldFNlbGVjdGVkID0gZmFsc2U7XG4gICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRlc3Ryb3kkKCk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rlc3Ryb3kkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZihjaGFuZ2VzLnNlbGVjdGFibGUpIHtcbiAgICAgIHRoaXMuY2xhc3Nlcy5zZWxlY3RhYmxlID0gdGhpcy5zZWxlY3RhYmxlO1xuICAgIH1cblxuICAgIGlmKGNoYW5nZXMucmVtb3ZhYmxlKSB7XG4gICAgICB0aGlzLmNsYXNzZXMucmVtb3ZhYmxlID0gdGhpcy5yZW1vdmFibGU7XG4gICAgfVxuXG4gICAgaWYoY2hhbmdlcy5pY29uKSB7XG4gICAgICB0aGlzLmNsYXNzZXMuaWNvbmVkID0gISF0aGlzLmljb247XG4gICAgfVxuXG4gICAgaWYoY2hhbmdlcy5pbWFnZSkge1xuICAgICAgdGhpcy5jbGFzc2VzLmltYWdlZCA9ICEhdGhpcy5pbWFnZTtcbiAgICB9XG5cbiAgICAvLyB0aGlzLmNsYXNzZXMuYWN0aW9uYWJsZSA9IHRoaXMuY2hpcFN1ZmZpeGVzLmxlbmd0aCAhPT0gMCB8fCBcbiAgICAvLyAodGhpcy5yZW1vdmVkLm9ic2VydmVkICYmIHRoaXMucmVtb3ZhYmxlKTtcblxuICAgIHRoaXMuX3VwZGF0ZVN0eWxlcygpO1xuICB9XG5cbiAgcHVibGljIGFjdGlvbkNsaWNrKGFjdGlvbiwgZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBpZihhY3Rpb24uY2xpY2spIHtcbiAgICAgIGFjdGlvbi5jbGljayhldmVudCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGNoaXBTdWZmaXhDbGljayhjaGlwU3VmZml4LCBldmVudDogTW91c2VFdmVudCkge1xuICAgIGNoaXBTdWZmaXguY2xpY2suZW1pdChldmVudCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fZGVzdHJveSQubmV4dChudWxsKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZShldmVudDogTW91c2VFdmVudCkge1xuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMucmVtb3ZlZC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzQ29udHJhc3RZSVFCbGFjayhoZXhjb2xvcikge1xuICAgIGlmICghaGV4Y29sb3IpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIGhleGNvbG9yID0gaGV4Y29sb3IucmVwbGFjZSgnIycsICcnKTtcbiAgICBjb25zdCByID0gcGFyc2VJbnQoaGV4Y29sb3Iuc3Vic3RyKDAsIDIpLCAxNik7XG4gICAgY29uc3QgZyA9IHBhcnNlSW50KGhleGNvbG9yLnN1YnN0cigyLCAyKSwgMTYpO1xuICAgIGNvbnN0IGIgPSBwYXJzZUludChoZXhjb2xvci5zdWJzdHIoNCwgMiksIDE2KTtcbiAgICBjb25zdCB5aXEgPSAoKHIgKiAyOTkpICsgKGcgKiA1ODcpICsgKGIgKiAxMTQpKSAvIDEwMDA7XG5cbiAgICByZXR1cm4geWlxID49IDIwMDtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0eWxlcygpIHtcbiAgICB0aGlzLnN0eWxlcy5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmJhY2tncm91bmRDb2xvcjtcbiAgICB0aGlzLnN0eWxlcy5ib3JkZXJDb2xvciA9IHRoaXMuYm9yZGVyQ29sb3I7XG4gICAgdGhpcy5zdHlsZXMud2lkdGggPSB0aGlzLndpZHRoO1xuICAgIHRoaXMuY2xhc3Nlcy5vdXRsaW5lZCA9IHRoaXMub3V0bGluZWQ7XG5cbiAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgdGhpcy5zdHlsZXMuY29sb3IgPSB0aGlzLmNvbG9yO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMub3V0bGluZWQpIHtcbiAgICAgIHRoaXMuc3R5bGVzLmNvbG9yID0gdGhpcy5faXNDb250cmFzdFlJUUJsYWNrKHRoaXMuYmFja2dyb3VuZENvbG9yKSA/ICcjNDc0NzQ3JyA6ICcjZmZmJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5vdXRsaW5lZCkge1xuICAgICAgdGhpcy5zdHlsZXMuYmFja2dyb3VuZENvbG9yID0gJyc7XG5cbiAgICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICAgIHRoaXMuc3R5bGVzLmJvcmRlckNvbG9yID0gdGhpcy5jb2xvcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8ZGl2XG4gICAgICBjbGFzcz1cImZzLWNoaXBcIlxuICAgICAgKGNsaWNrKT1cImNsaWNrKClcIlxuICAgICAgW25nU3R5bGVdPVwic3R5bGVzXCJcbiAgICAgIFtjbGFzcy5hY3Rpb25hYmxlXT1cImNoaXBTdWZmaXhlcy5sZW5ndGggIT09IDAgfHwgKHJlbW92ZWQub2JzZXJ2ZWQgJiYgcmVtb3ZhYmxlKVwiXG4gICAgICBbbmdDbGFzc109XCJjbGFzc2VzXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImltYWdlXCI+XG4gICAgICA8aW1nXG4gICAgICAgIFtzcmNdPVwiaW1hZ2VcIlxuICAgICAgICBjbGFzcz1cImltYWdlXCJcbiAgICAgICAgYWx0PVwiXCI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb25cIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb25cIj5cbiAgICAgICAge3sgaWNvbiB9fVxuICAgICAgPC9tYXQtaWNvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZnMtY2hpcC1jb250ZW50XCJcbiAgICAgICAgW25nU3R5bGVdPVwieyAnbWF4LXdpZHRoJzogbWF4V2lkdGggfVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIEBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3RlZC1jaGVja1wiPlxuICAgICAgICA8bWF0LWljb24gW3N0eWxlLmNvbG9yXT1cInN0eWxlcy5jb2xvclwiPlxuICAgICAgICAgIGNoZWNrXG4gICAgICAgIDwvbWF0LWljb24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGlmIChjaGlwU3VmZml4ZXMubGVuZ3RoICE9PSAwIHx8IChyZW1vdmVkLm9ic2VydmVkICYmIHJlbW92YWJsZSkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgIEBmb3IgKGNoaXBTdWZmaXggb2YgY2hpcFN1ZmZpeGVzOyB0cmFjayBjaGlwU3VmZml4KSB7XG4gICAgICAgICAgPGZzLWNoaXAtc3VmZml4XG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2NsaWNrYWJsZSc6IGNoaXBTdWZmaXguY2xpY2sub2JzZXJ2ZXJzLmxlbmd0aCB9XCJcbiAgICAgICAgICAgICAgW2ljb25dPVwiY2hpcFN1ZmZpeC5pY29uXCJcbiAgICAgICAgICAgICAgW2xpbmtdPVwiY2hpcFN1ZmZpeC5saW5rXCJcbiAgICAgICAgICAgICAgW2xpbmtUYXJnZXRdPVwiY2hpcFN1ZmZpeC5saW5rVGFyZ2V0XCJcbiAgICAgICAgICAgICAgW2NvbG9yXT1cInN0eWxlcy5jb2xvclwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjaGlwU3VmZml4Q2xpY2soY2hpcFN1ZmZpeCwgJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNoaXBTdWZmaXgudGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2ZzLWNoaXAtc3VmZml4PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAocmVtb3ZlZC5vYnNlcnZlZCAmJiByZW1vdmFibGUpIHtcbiAgICAgICAgICA8ZnMtY2hpcC1zdWZmaXhcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2NsaWNrYWJsZSc6IHRydWUgfVwiXG4gICAgICAgICAgICBbaWNvbl09XCIncmVtb3ZlX2NpcmNsZV9vdXRsaW5lJ1wiXG4gICAgICAgICAgICBbY29sb3JdPVwic3R5bGVzLmNvbG9yXCJcbiAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmUoJGV2ZW50KVwiPlxuICAgICAgICAgIDwvZnMtY2hpcC1zdWZmaXg+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuQGlmICghaGFzQ2hpcHMpIHtcbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxufSJdfQ==

package/esm2022/app/components/chip/index.mjs

@@ -0,0 +1,2 @@
+export * from './chip.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGlwLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/app/components/chip-suffix/chip-suffix.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+export class FsChipSuffixComponent {
+    icon;
+    link;
+    linkTarget;
+    color;
+    click = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipSuffixComponent, selector: "fs-chip-suffix", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { click: "click" }, ngImport: i0, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <ng-content></ng-content>\n  @if (icon) {\n    <mat-icon\n        cdkHighlight\n        [style.color]=\"color\"\n        class=\"action\"\n        (click)=\"click.emit($event)\">\n      {{ icon }}\n    </mat-icon>\n  }\n</ng-template>", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fs-chip-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <ng-content></ng-content>\n  @if (icon) {\n    <mat-icon\n        cdkHighlight\n        [style.color]=\"color\"\n        class=\"action\"\n        (click)=\"click.emit($event)\">\n      {{ icon }}\n    </mat-icon>\n  }\n</ng-template>", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], linkTarget: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1zdWZmaXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2NoaXAtc3VmZml4L2NoaXAtc3VmZml4LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwLXN1ZmZpeC9jaGlwLXN1ZmZpeC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBRWhCLElBQUksQ0FBUztJQUViLElBQUksQ0FBUztJQUViLFVBQVUsQ0FBUztJQUVuQixLQUFLLENBQVM7SUFFYixLQUFLLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQzt1R0FWN0MscUJBQXFCOzJGQUFyQixxQkFBcUIscUtDZmxDLHVnQkFvQmM7OzJGRExELHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0IsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBRVUsS0FBSztzQkFBcEIsS0FBSztnQkFFVyxLQUFLO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1jaGlwLXN1ZmZpeCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLXN1ZmZpeC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXAtc3VmZml4LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc0NoaXBTdWZmaXhDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgcHVibGljIGxpbms6IHN0cmluZztcblxuICBASW5wdXQoKSBwdWJsaWMgbGlua1RhcmdldDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG59XG4iLCJAaWYgKGxpbmspIHtcbiAgPGFcbiAgICAgIFtocmVmXT1cImxpbmtcIlxuICAgICAgW3RhcmdldF09XCJsaW5rVGFyZ2V0IHx8ICdfc2VsZidcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYWN0aW9uVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxufSBAZWxzZSB7XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25UZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxufVxuPG5nLXRlbXBsYXRlICNhY3Rpb25UZW1wbGF0ZT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICBAaWYgKGljb24pIHtcbiAgICA8bWF0LWljb25cbiAgICAgICAgY2RrSGlnaGxpZ2h0XG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCJjb2xvclwiXG4gICAgICAgIGNsYXNzPVwiYWN0aW9uXCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAge3sgaWNvbiB9fVxuICAgIDwvbWF0LWljb24+XG4gIH1cbjwvbmctdGVtcGxhdGU+Il19

package/esm2022/app/components/chip-suffix/index.mjs

@@ -0,0 +1,2 @@
+export * from './chip-suffix.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcC1zdWZmaXgvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2hpcC1zdWZmaXguY29tcG9uZW50JztcbiJdfQ==

package/esm2022/app/components/chips/index.mjs

@@ -0,0 +1,2 @@
+export * from './chips.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvY2hpcHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2hpcHMuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/app/components/index.mjs

@@ -0,0 +1,4 @@
+export * from './chip';
+export * from './chip-suffix';
+export * from './chips';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxRQUFRLENBQUM7QUFDdkIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGlwLXN1ZmZpeCc7XG5leHBvcnQgKiBmcm9tICcuL2NoaXBzJztcbiJdfQ==

package/esm2022/app/directives/chip-suffix.directive.mjs

@@ -0,0 +1,29 @@
+import { Directive, EventEmitter, inject, Input, Output, TemplateRef, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FsChipSuffixDirective {
+    icon;
+    link;
+    linkTarget;
+    color;
+    click = new EventEmitter();
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsChipSuffixDirective, selector: "[fsChipSuffix]", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { click: "click" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsChipSuffix]',
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], linkTarget: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1zdWZmaXguZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9kaXJlY3RpdmVzL2NoaXAtc3VmZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyxxQkFBcUI7SUFFaEIsSUFBSSxDQUFTO0lBRWIsSUFBSSxDQUFTO0lBRWIsVUFBVSxDQUFTO0lBRW5CLEtBQUssQ0FBUztJQUViLEtBQUssR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0lBRWpELFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7dUdBWjlCLHFCQUFxQjsyRkFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzNCOzhCQUdpQixJQUFJO3NCQUFuQixLQUFLO2dCQUVVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVUsVUFBVTtzQkFBekIsS0FBSztnQkFFVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVXLEtBQUs7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgaW5qZWN0LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2ZzQ2hpcFN1ZmZpeF0nLFxufSlcbmV4cG9ydCBjbGFzcyBGc0NoaXBTdWZmaXhEaXJlY3RpdmUge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgcHVibGljIGxpbms6IHN0cmluZztcblxuICBASW5wdXQoKSBwdWJsaWMgbGlua1RhcmdldDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgcHVibGljIHRlbXBsYXRlUmVmID0gaW5qZWN0KFRlbXBsYXRlUmVmKTtcbn1cbiJdfQ==

package/esm2022/app/directives/index.mjs

@@ -0,0 +1,2 @@
+export * from './chip-suffix.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2hpcC1zdWZmaXguZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/app/fs-chip.module.mjs

@@ -3,9 +3,8 @@ import { NgModule } from '@angular/core';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MatIconModule } from '@angular/material/icon';
 import { FsLabelModule } from '@firestitch/label';
-import { FsChipActionComponent } from './components/chip-action/chip-action.component';
-import { FsChipComponent } from './components/chip/chip.component';
-import { FsChipsComponent } from './components/chips/chips.component';
+import { FsChipComponent, FsChipsComponent, FsChipSuffixComponent } from './components';
+import { FsChipSuffixDirective } from './directives/chip-suffix.directive';
 import * as i0 from "@angular/core";
 export class FsChipModule {
     static forRoot() {
@@ -16,11 +15,13 @@ export class FsChipModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, declarations: [FsChipsComponent,
             FsChipComponent,
-            FsChipActionComponent], imports: [CommonModule,
+            FsChipSuffixComponent,
+            FsChipSuffixDirective], imports: [CommonModule,
             DragDropModule,
             MatIconModule,
             FsLabelModule], exports: [FsChipsComponent,
-            FsChipComponent] });
+            FsChipComponent,
+            FsChipSuffixDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, imports: [CommonModule,
             DragDropModule,
             MatIconModule,
@@ -38,12 +39,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     exports: [
                         FsChipsComponent,
                         FsChipComponent,
+                        FsChipSuffixDirective,
                     ],
                     declarations: [
                         FsChipsComponent,
                         FsChipComponent,
-                        FsChipActionComponent,
+                        FsChipSuffixComponent,
+                        FsChipSuffixDirective,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnMtY2hpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXBwL2ZzLWNoaXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVsRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBcUJ0RSxNQUFNLE9BQU8sWUFBWTtJQUNoQixNQUFNLENBQUMsT0FBTztRQUNuQixPQUFPO1lBQ0wsUUFBUSxFQUFFLFlBQVk7U0FDdkIsQ0FBQztJQUNKLENBQUM7dUdBTFUsWUFBWTt3R0FBWixZQUFZLGlCQUxyQixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLHFCQUFxQixhQWRyQixZQUFZO1lBRVosY0FBYztZQUNkLGFBQWE7WUFFYixhQUFhLGFBR2IsZ0JBQWdCO1lBQ2hCLGVBQWU7d0dBUU4sWUFBWSxZQWpCckIsWUFBWTtZQUVaLGNBQWM7WUFDZCxhQUFhO1lBRWIsYUFBYTs7MkZBWUosWUFBWTtrQkFuQnhCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBRVosY0FBYzt3QkFDZCxhQUFhO3dCQUViLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5cbmltcG9ydCB7IEZzTGFiZWxNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9sYWJlbCc7XG5cbmltcG9ydCB7IEZzQ2hpcEFjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGlwLWFjdGlvbi9jaGlwLWFjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRnNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NoaXAvY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRnNDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuXG4gICAgRHJhZ0Ryb3BNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcblxuICAgIEZzTGFiZWxNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGc0NoaXBzQ29tcG9uZW50LFxuICAgIEZzQ2hpcENvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRnNDaGlwc0NvbXBvbmVudCxcbiAgICBGc0NoaXBDb21wb25lbnQsXG4gICAgRnNDaGlwQWN0aW9uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGc0NoaXBNb2R1bGUge1xuICBwdWJsaWMgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxGc0NoaXBNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IEZzQ2hpcE1vZHVsZSxcbiAgICB9O1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnMtY2hpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXBwL2ZzLWNoaXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQXVCM0UsTUFBTSxPQUFPLFlBQVk7SUFDaEIsTUFBTSxDQUFDLE9BQU87UUFDbkIsT0FBTztZQUNMLFFBQVEsRUFBRSxZQUFZO1NBQ3ZCLENBQUM7SUFDSixDQUFDO3VHQUxVLFlBQVk7d0dBQVosWUFBWSxpQkFOckIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixxQkFBcUI7WUFDckIscUJBQXFCLGFBaEJyQixZQUFZO1lBRVosY0FBYztZQUNkLGFBQWE7WUFFYixhQUFhLGFBR2IsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixxQkFBcUI7d0dBU1osWUFBWSxZQW5CckIsWUFBWTtZQUVaLGNBQWM7WUFDZCxhQUFhO1lBRWIsYUFBYTs7MkZBY0osWUFBWTtrQkFyQnhCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBRVosY0FBYzt3QkFDZCxhQUFhO3dCQUViLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixxQkFBcUI7cUJBQ3RCO29CQUNELFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5cbmltcG9ydCB7IEZzTGFiZWxNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9sYWJlbCc7XG5cbmltcG9ydCB7IEZzQ2hpcENvbXBvbmVudCwgRnNDaGlwc0NvbXBvbmVudCwgRnNDaGlwU3VmZml4Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEZzQ2hpcFN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9jaGlwLXN1ZmZpeC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuXG4gICAgRHJhZ0Ryb3BNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcblxuICAgIEZzTGFiZWxNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGc0NoaXBzQ29tcG9uZW50LFxuICAgIEZzQ2hpcENvbXBvbmVudCxcbiAgICBGc0NoaXBTdWZmaXhEaXJlY3RpdmUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZzQ2hpcHNDb21wb25lbnQsXG4gICAgRnNDaGlwQ29tcG9uZW50LFxuICAgIEZzQ2hpcFN1ZmZpeENvbXBvbmVudCxcbiAgICBGc0NoaXBTdWZmaXhEaXJlY3RpdmUsICBcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwTW9kdWxlIHtcbiAgcHVibGljIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8RnNDaGlwTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBGc0NoaXBNb2R1bGUsXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2022/public_api.mjs

@@ -1,4 +1,5 @@
 export { FsChipModule } from './app/fs-chip.module';
 export { FsChipComponent } from './app/components/chip/chip.component';
 export { FsChipsComponent } from './app/components/chips/chips.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBGc0NoaXBNb2R1bGUgfSBmcm9tICcuL2FwcC9mcy1jaGlwLm1vZHVsZSc7XG5cbmV4cG9ydCB7IEZzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0NoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuXG4iXX0=
+export { FsChipSuffixDirective } from './app/directives/chip-suffix.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBGc0NoaXBNb2R1bGUgfSBmcm9tICcuL2FwcC9mcy1jaGlwLm1vZHVsZSc7XG5cbmV4cG9ydCB7IEZzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0NoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBGc0NoaXBTdWZmaXhEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2NoaXAtc3VmZml4LmRpcmVjdGl2ZSc7XG5cbiJdfQ==

package/fesm2022/firestitch-chip.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, TemplateRef, ViewChild, forwardRef, ContentChildren, NgModule } from '@angular/core';
+import { EventEmitter, inject, TemplateRef, Directive, Input, Output, Component, ChangeDetectionStrategy, ViewChild, ContentChildren, forwardRef, NgModule } from '@angular/core';
 import * as i2$1 from '@angular/cdk/drag-drop';
 import { moveItemInArray, CdkDropList, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i2 from '@angular/material/icon';
@@ -11,18 +11,45 @@ import { Subject } from 'rxjs';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { takeUntil } from 'rxjs/operators';
 
-class FsChipActionComponent {
+class FsChipSuffixDirective {
     icon;
     link;
     linkTarget;
     color;
-    actionClick = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipActionComponent, selector: "fs-chip-action", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <mat-icon\n      cdkHighlight\n      [style.color]=\"color\"\n      class=\"action\"\n      (click)=\"actionClick.emit($event)\">\n    {{ icon }}\n  </mat-icon>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    click = new EventEmitter();
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsChipSuffixDirective, selector: "[fsChipSuffix]", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { click: "click" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsChipSuffix]',
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], linkTarget: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+class FsChipSuffixComponent {
+    icon;
+    link;
+    linkTarget;
+    color;
+    click = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipSuffixComponent, selector: "fs-chip-suffix", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { click: "click" }, ngImport: i0, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <ng-content></ng-content>\n  @if (icon) {\n    <mat-icon\n        cdkHighlight\n        [style.color]=\"color\"\n        class=\"action\"\n        (click)=\"click.emit($event)\">\n      {{ icon }}\n    </mat-icon>\n  }\n</ng-template>", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipSuffixComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-chip-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <mat-icon\n      cdkHighlight\n      [style.color]=\"color\"\n      class=\"action\"\n      (click)=\"actionClick.emit($event)\">\n    {{ icon }}\n  </mat-icon>\n</ng-template>" }]
+            args: [{ selector: 'fs-chip-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <ng-content></ng-content>\n  @if (icon) {\n    <mat-icon\n        cdkHighlight\n        [style.color]=\"color\"\n        class=\"action\"\n        (click)=\"click.emit($event)\">\n      {{ icon }}\n    </mat-icon>\n  }\n</ng-template>", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], link: [{
@@ -31,13 +58,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }], color: [{
                 type: Input
-            }], actionClick: [{
+            }], click: [{
                 type: Output
             }] } });
 
 class FsChipComponent {
     _cdRef;
     templateRef;
+    chipSuffixes;
     selectable = false;
     removable = true;
     value;
@@ -47,7 +75,6 @@ class FsChipComponent {
     borderColor;
     color;
     outlined;
-    actions = [];
     icon;
     image;
     set setSelected(value) {
@@ -90,8 +117,6 @@ class FsChipComponent {
         return this._destroy$.asObservable();
     }
     ngOnChanges(changes) {
-        this.actions = this.actions
-            .filter((action) => action.type !== 'remove');
         if (changes.selectable) {
             this.classes.selectable = this.selectable;
         }
@@ -104,14 +129,8 @@ class FsChipComponent {
         if (changes.image) {
             this.classes.imaged = !!this.image;
         }
-        if (this.removed.observed && this.removable) {
-            this.actions.push({
-                icon: 'remove_circle_outline',
-                click: (event) => this.remove(event),
-                type: 'remove',
-            });
-        }
-        this.classes.actionable = this.actions.length !== 0;
+        // this.classes.actionable = this.chipSuffixes.length !== 0 || 
+        // (this.removed.observed && this.removable);
         this._updateStyles();
     }
     actionClick(action, event) {
@@ -119,6 +138,9 @@ class FsChipComponent {
             action.click(event);
         }
     }
+    chipSuffixClick(chipSuffix, event) {
+        chipSuffix.click.emit(event);
+    }
     ngOnDestroy() {
         this._destroy$.next(null);
         this._destroy$.complete();
@@ -159,14 +181,17 @@ class FsChipComponent {
         this._cdRef.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", maxWidth: "maxWidth", width: "width", backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined", actions: "actions", icon: "icon", image: "image", setSelected: ["selected", "setSelected"], setSize: ["size", "setSize"] }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (actions) {\n      <div class=\"actions\">\n        @for (action of actions; track action.icon) {\n          <fs-chip-action\n            [icon]=\"action.icon\"\n            [link]=\"action.link\"\n            [linkTarget]=\"action.linkTarget\"\n            [color]=\"styles.color\"\n            (actionClick)=\"actionClick(action, $event)\">\n          </fs-chip-action>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [".fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:3px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:5px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-action{display:flex;cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-action{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-action{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-action{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FsChipActionComponent, selector: "fs-chip-action", inputs: ["icon", "link", "linkTarget", "color"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", maxWidth: "maxWidth", width: "width", backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined", icon: "icon", image: "image", setSelected: ["selected", "setSelected"], setSize: ["size", "setSize"] }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, queries: [{ propertyName: "chipSuffixes", predicate: FsChipSuffixDirective }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [class.actionable]=\"chipSuffixes.length !== 0 || (removed.observed && removable)\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (chipSuffixes.length !== 0 || (removed.observed && removable)) {\n      <div class=\"actions\">\n        @for (chipSuffix of chipSuffixes; track chipSuffix) {\n          <fs-chip-suffix\n              [ngClass]=\"{ 'clickable': chipSuffix.click.observers.length }\"\n              [icon]=\"chipSuffix.icon\"\n              [link]=\"chipSuffix.link\"\n              [linkTarget]=\"chipSuffix.linkTarget\"\n              [color]=\"styles.color\"\n              (click)=\"chipSuffixClick(chipSuffix, $event)\">\n            <ng-container *ngTemplateOutlet=\"chipSuffix.templateRef\"></ng-container>\n          </fs-chip-suffix>\n        }\n        @if (removed.observed && removable) {\n          <fs-chip-suffix\n            [ngClass]=\"{ 'clickable': true }\"\n            [icon]=\"'remove_circle_outline'\"\n            [color]=\"styles.color\"\n            (click)=\"remove($event)\">\n          </fs-chip-suffix>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [":host{display:flex}.fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:5px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip ::ng-deep mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:8px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-suffix{display:flex;align-items:center}.fs-chip fs-chip-suffix+fs-chip-suffix{margin-left:3px}.fs-chip fs-chip-suffix.clickable{cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-suffix{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro ::ng-deep mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-suffix{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny ::ng-deep mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-suffix{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small ::ng-deep mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FsChipSuffixComponent, selector: "fs-chip-suffix", inputs: ["icon", "link", "linkTarget", "color"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (actions) {\n      <div class=\"actions\">\n        @for (action of actions; track action.icon) {\n          <fs-chip-action\n            [icon]=\"action.icon\"\n            [link]=\"action.link\"\n            [linkTarget]=\"action.linkTarget\"\n            [color]=\"styles.color\"\n            (actionClick)=\"actionClick(action, $event)\">\n          </fs-chip-action>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [".fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:3px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:5px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-action{display:flex;cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-action{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-action{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-action{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
+            args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [class.actionable]=\"chipSuffixes.length !== 0 || (removed.observed && removable)\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (chipSuffixes.length !== 0 || (removed.observed && removable)) {\n      <div class=\"actions\">\n        @for (chipSuffix of chipSuffixes; track chipSuffix) {\n          <fs-chip-suffix\n              [ngClass]=\"{ 'clickable': chipSuffix.click.observers.length }\"\n              [icon]=\"chipSuffix.icon\"\n              [link]=\"chipSuffix.link\"\n              [linkTarget]=\"chipSuffix.linkTarget\"\n              [color]=\"styles.color\"\n              (click)=\"chipSuffixClick(chipSuffix, $event)\">\n            <ng-container *ngTemplateOutlet=\"chipSuffix.templateRef\"></ng-container>\n          </fs-chip-suffix>\n        }\n        @if (removed.observed && removable) {\n          <fs-chip-suffix\n            [ngClass]=\"{ 'clickable': true }\"\n            [icon]=\"'remove_circle_outline'\"\n            [color]=\"styles.color\"\n            (click)=\"remove($event)\">\n          </fs-chip-suffix>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}", styles: [":host{display:flex}.fs-chip{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e7e7e7;overflow:hidden}.fs-chip.imaged{overflow:visible;padding-left:0;vertical-align:middle}.fs-chip.imaged.outlined .image{margin-left:-2px}.fs-chip.iconed:not(.imaged){padding-left:5px}.fs-chip.actionable,.fs-chip.selected{padding-right:5px}.fs-chip.selectable{cursor:pointer}.fs-chip.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}.fs-chip .icon{margin-right:5px}.fs-chip ::ng-deep mat-icon{font-size:25px}.fs-chip .actions{display:flex;flex-direction:row;margin-left:8px}.fs-chip .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}.fs-chip .fs-chip-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fs-chip .selected-check{margin:0 5px;display:flex}.fs-chip fs-chip-suffix{display:flex;align-items:center}.fs-chip fs-chip-suffix+fs-chip-suffix{margin-left:3px}.fs-chip fs-chip-suffix.clickable{cursor:pointer}.fs-chip.size-micro{padding:0 5px;height:16px;line-height:normal}.fs-chip.size-micro .fs-chip-content{font-size:65%}.fs-chip.size-micro .image{height:100%;width:16px;margin-right:2px}.fs-chip.size-micro fs-chip-suffix{margin-left:1px}.fs-chip.size-micro .selected-check{margin:0 1px 0 0}.fs-chip.size-micro.imaged{padding-left:0}.fs-chip.size-micro.actionable,.fs-chip.size-micro.selected{padding-right:0}.fs-chip.size-micro ::ng-deep mat-icon{width:12px;height:12px;font-size:11px}.fs-chip.size-tiny{padding:0 6px;height:18px;line-height:normal}.fs-chip.size-tiny .fs-chip-content{font-size:75%}.fs-chip.size-tiny .image{height:18px;width:18px;margin-right:3px}.fs-chip.size-tiny.iconed:not(.imaged){padding-left:3px}.fs-chip.size-tiny fs-chip-suffix{margin-left:2px;margin-right:2px}.fs-chip.size-tiny .selected-check{margin:0 1px 0 0}.fs-chip.size-tiny.imaged{padding-left:0}.fs-chip.size-tiny.actionable,.fs-chip.size-tiny.selected{padding-right:0}.fs-chip.size-tiny ::ng-deep mat-icon{height:13px;width:13px;font-size:13px}.fs-chip.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}.fs-chip.size-small .image{height:25px;width:25px;margin-right:5px}.fs-chip.size-small.iconed:not(.imaged){padding-left:4px}.fs-chip.size-small.imaged{padding-left:0}.fs-chip.size-small fs-chip-suffix{margin-right:2px}.fs-chip.size-small .selected-check{margin:0 2px 0 0}.fs-chip.size-small .selected-check mat-icon{transform:scale(.7)}.fs-chip.size-small.actionable,.fs-chip.size-small.selected{padding-right:0}.fs-chip.size-small ::ng-deep mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: [TemplateRef, { static: true }]
+            }], chipSuffixes: [{
+                type: ContentChildren,
+                args: [FsChipSuffixDirective]
             }], selectable: [{
                 type: Input
             }], removable: [{
@@ -185,8 +210,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }], outlined: [{
                 type: Input
-            }], actions: [{
-                type: Input
             }], icon: [{
                 type: Input
             }], image: [{
@@ -409,11 +432,13 @@ class FsChipModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, declarations: [FsChipsComponent,
             FsChipComponent,
-            FsChipActionComponent], imports: [CommonModule,
+            FsChipSuffixComponent,
+            FsChipSuffixDirective], imports: [CommonModule,
             DragDropModule,
             MatIconModule,
             FsLabelModule], exports: [FsChipsComponent,
-            FsChipComponent] });
+            FsChipComponent,
+            FsChipSuffixDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipModule, imports: [CommonModule,
             DragDropModule,
             MatIconModule,
@@ -431,11 +456,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     exports: [
                         FsChipsComponent,
                         FsChipComponent,
+                        FsChipSuffixDirective,
                     ],
                     declarations: [
                         FsChipsComponent,
                         FsChipComponent,
-                        FsChipActionComponent,
+                        FsChipSuffixComponent,
+                        FsChipSuffixDirective,
                     ],
                 }]
         }] });
@@ -444,5 +471,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FsChipComponent, FsChipModule, FsChipsComponent };
+export { FsChipComponent, FsChipModule, FsChipSuffixDirective, FsChipsComponent };
 //# sourceMappingURL=firestitch-chip.mjs.map

package/fesm2022/firestitch-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"firestitch-chip.mjs","sources":["../../src/app/components/chip-action/chip-action.component.ts","../../src/app/components/chip-action/chip-action.component.html","../../src/app/components/chip/chip.component.ts","../../src/app/components/chip/chip.component.html","../../src/app/components/chips/chips.component.ts","../../src/app/components/chips/chips.component.html","../../src/app/fs-chip.module.ts","../../src/firestitch-chip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\n\n@Component({\n  selector: 'fs-chip-action',\n  templateUrl: './chip-action.component.html',\n  styleUrls: ['./chip-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipActionComponent {\n\n  @Input() public icon;\n\n  @Input() public link;\n\n  @Input() public linkTarget;\n\n  @Input() public color;\n\n  @Output() public actionClick = new EventEmitter<MouseEvent>();\n}\n","@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <mat-icon\n      cdkHighlight\n      [style.color]=\"color\"\n      class=\"action\"\n      (click)=\"actionClick.emit($event)\">\n    {{ icon }}\n  </mat-icon>\n</ng-template>","import {\n  ChangeDetectionStrategy, ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\n\n\n@Component({\n  selector: 'fs-chip',\n  templateUrl: './chip.component.html',\n  styleUrls: ['./chip.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipComponent implements OnDestroy, OnChanges {\n\n  @ViewChild(TemplateRef, { static: true }) \n  public templateRef: TemplateRef<void>;\n\n  @Input() \n  public selectable = false;\n\n  @Input()\n  public removable = true;\n\n  @Input() \n  public value: any;\n\n  @Input() \n  public maxWidth: string;\n\n  @Input() \n  public width: string;\n\n  @Input() public backgroundColor;\n\n  @Input() public borderColor;\n\n  @Input() public color;\n\n  @Input() public outlined;\n\n  @Input() \n  public actions: {\n    icon: string, \n    click: (event: MouseEvent) => void, \n    type?: 'remove',\n    link?: string,\n    linkTarget?: string,\n  }[] = [];\n\n  @Input() \n  public icon: string;\n  \n  @Input() \n  public image: string;\n  \n  @Input('selected') \n  public set setSelected(value: boolean) {\n    this.classes.selected = value;\n    this._selected = value;\n  }\n\n  public get selected() {\n    return this._selected;\n  }\n\n  @Output() public selectedToggled = new EventEmitter();\n  @Output() public removed = new EventEmitter();\n\n  public styles: any = {};\n  public classes: any = {};\n  public hasChips: boolean;\n\n  private _destroy$ = new Subject();\n  private _selected = false;\n\n  constructor(\n    private _cdRef: ChangeDetectorRef,\n  ) {}\n\n  @Input('size') public set setSize(value) {\n    this.classes['size-small'] = value === 'small';\n    this.classes['size-tiny'] = value === 'tiny';\n    this.classes['size-micro'] = value === 'micro';\n  }\n\n  public click() {\n    if (this.selectable) {\n      this.setSelected = !this.selected;\n      this.selectedToggled.emit({ value: this.value, selected: this.selected });\n    }\n  }\n\n  public select() {\n    this.setSelected = true;\n    this._cdRef.markForCheck();\n  }\n\n  public unselect() {\n    this.setSelected = false;\n    this._cdRef.markForCheck();\n  }\n\n  public get destroy$(): Observable<any> {\n    return this._destroy$.asObservable();\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    this.actions = this.actions\n      .filter((action) => action.type !== 'remove');\n\n    if(changes.selectable) {\n      this.classes.selectable = this.selectable;\n    }\n\n    if(changes.removable) {\n      this.classes.removable = this.removable;\n    }\n\n    if(changes.icon) {\n      this.classes.iconed = !!this.icon;\n    }\n\n    if(changes.image) {\n      this.classes.imaged = !!this.image;\n    }\n\n    if(this.removed.observed && this.removable) {\n      this.actions.push({\n        icon: 'remove_circle_outline',\n        click: (event) => this.remove(event),\n        type: 'remove',\n      });\n    }\n\n    this.classes.actionable = this.actions.length !== 0;\n\n    this._updateStyles();\n  }\n\n  public actionClick(action, event: MouseEvent) {\n    if(action.click) {\n      action.click(event);\n    }\n  }\n\n  public ngOnDestroy() {\n    this._destroy$.next(null);\n    this._destroy$.complete();\n  }\n\n  public remove(event: MouseEvent) {\n    event.stopImmediatePropagation();\n    event.stopPropagation();\n    this.removed.next(event);\n  }\n\n  private _isContrastYIQBlack(hexcolor) {\n    if (!hexcolor) {\n      return true;\n    }\n\n    hexcolor = hexcolor.replace('#', '');\n    const r = parseInt(hexcolor.substr(0, 2), 16);\n    const g = parseInt(hexcolor.substr(2, 2), 16);\n    const b = parseInt(hexcolor.substr(4, 2), 16);\n    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n    return yiq >= 200;\n  }\n\n  private _updateStyles() {\n    this.styles.backgroundColor = this.backgroundColor;\n    this.styles.borderColor = this.borderColor;\n    this.styles.width = this.width;\n    this.classes.outlined = this.outlined;\n\n    if (this.color) {\n      this.styles.color = this.color;\n    } else if (!this.outlined) {\n      this.styles.color = this._isContrastYIQBlack(this.backgroundColor) ? '#474747' : '#fff';\n    }\n\n    if (this.outlined) {\n      this.styles.backgroundColor = '';\n\n      if (this.color) {\n        this.styles.borderColor = this.color;\n      }\n    }\n\n    this._cdRef.markForCheck();\n  }\n}\n","<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (actions) {\n      <div class=\"actions\">\n        @for (action of actions; track action.icon) {\n          <fs-chip-action\n            [icon]=\"action.icon\"\n            [link]=\"action.link\"\n            [linkTarget]=\"action.linkTarget\"\n            [color]=\"styles.color\"\n            (actionClick)=\"actionClick(action, $event)\">\n          </fs-chip-action>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}","import {\n  AfterContentInit,\n  ChangeDetectionStrategy, ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  forwardRef,\n  Input,\n  IterableDiffer,\n  IterableDiffers,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { CdkDragDrop, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FsChipComponent } from '../chip/chip.component';\n\n\n@Component({\n  selector: 'fs-chips',\n  templateUrl: './chips.component.html',\n  styleUrls: ['./chips.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => FsChipsComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipsComponent implements OnDestroy, ControlValueAccessor, AfterContentInit {\n\n  @ViewChild(CdkDropList, { static: true })\n  public dropList: CdkDropList;\n\n  @ContentChildren(FsChipComponent)\n  public chips: QueryList<FsChipComponent>;\n\n  @Input() public compare;\n\n  @Input() public multiple = true;\n\n  @Input() public sortable = false;\n\n  @Input() public selected: any[];\n  @Output() public selectedChange = new EventEmitter();\n\n  public onChange: (value) => void;\n  public onTouch: (value) => void;\n\n  private _value = [];\n  private _selectable = false;\n  private _destroy$ = new Subject();\n  private _chipDiffer: IterableDiffer<FsChipComponent>;\n\n  constructor(\n    private _cdRef: ChangeDetectorRef,\n    private _iterable: IterableDiffers,\n  ) {\n    this._chipDiffer = this._iterable.find([]).create();\n  }\n\n  public drop(event: CdkDragDrop<string[]>) {\n    moveItemInArray(this._value, event.previousIndex, event.currentIndex);\n\n    if(this.selected) {\n      this.selected = this._value\n        .filter((value) => this.selected.includes(value));\n      this.selectedChange.emit(this.selected);\n    }\n      \n    this.onChange(this._value);\n  }\n\n  public ngAfterContentInit(): void {\n    this._subscribeToSelectionChange();\n    this._subscribeChanges();\n  }\n\n  public sortPredicate = (index: number) => {\n    return !this.selected ||  index <= this.selected.length - 1;\n  };\n \n  public set value(value) {\n    if (this._value !== value) {\n      this._value = value;\n\n      this.onChange(this._value);\n      this.onTouch(this._value);\n    }\n  }\n\n  public get value() {\n    return this._value;\n  }\n\n  public ngOnDestroy() {\n    this._destroy$.next(null);\n    this._destroy$.complete();\n  }\n\n  public select(chip: FsChipComponent) {\n    this.selected = [\n      ...this.selected, \n      chip.value,\n    ];\n\n    this.selectedChange.emit(this.selected);\n\n    this.updateSelected();  \n  }\n  \n  public unselect(chip: FsChipComponent) {\n    this.selected = this.selected\n      .filter((item) => item !== chip.value);\n\n    this.selectedChange.emit(this.selected);\n\n    this.updateSelected();\n  }\n  \n  public updateSelected() {\n    const chipArray = this.chips.toArray().sort((a, b) => {\n      const aSelected = this.selected.includes(a.value);\n      const bSelected = this.selected.includes(b.value);\n      \n      if (aSelected === bSelected) return 0;\n\n      return aSelected ? -1 : 1;\n    });\n\n    this.chips.reset(chipArray);\n    this._value = this.chips.toArray().map((chip) => chip.value);\n    this.onChange(this._value);\n  }\n\n  public writeValue(value: any) {\n    if (value !== this.value) {\n      this._value = value;\n    }\n\n    this._updateChips();\n  }\n\n  public registerOnChange(fn) {\n    this.onChange = fn;\n  }\n  public registerOnTouched(fn) {\n    this.onTouch = fn;\n  }\n\n  private _subscribeToSelectionChange() {\n    const changed = this._chipDiffer.diff(this.chips);\n    changed?.forEachAddedItem((change) => {\n      this._selectable = this.chips.some((chip) => chip.selectable);\n\n      change.item.hasChips = true;\n      change.item.selectedToggled\n        .pipe(\n          takeUntil(change.item.destroy$),\n          takeUntil(this._destroy$),\n        )\n        .subscribe(({ selected, value }) => {\n          if(this.multiple) {\n            if (selected) {\n              this.value.push(value);\n            } else {\n              const valueIndex = this.value.findIndex((item) => {\n                return this._compareFn(item, value);\n              });\n\n              if (valueIndex > -1) {\n                this.value.splice(valueIndex, 1);\n              }\n            }\n          } else {\n            this.chips\n              .forEach((chip) => {\n                if(!this._compareFn(chip.value, value)) {\n                  chip.unselect();\n                }\n              });\n\n            this.value = selected ? value : null;\n          }\n\n          this.onChange(this._value);\n          this.onTouch(this._value);\n        });\n    });\n  }\n\n  /**\n   * Update selection if item was added or removed\n   */\n  private _subscribeChanges() {\n    this.chips.changes\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this._subscribeToSelectionChange();\n        this._cdRef.markForCheck();\n        this._updateChips();\n      });\n\n    this._cdRef.markForCheck();\n  }\n\n  private _compareFn(o1, o2) {\n    if (this.compare) {\n      return this.compare(o1, o2);\n    }\n\n    return o1 === o2;\n  }\n\n  private _updateChips() {\n    if (this.multiple && this._selectable) {\n      if (Array.isArray(this.value)) {\n        this.chips.forEach((chip) => {\n          const selected = this.value\n            .some((item) => {\n              return this._compareFn(item, chip.value);\n            });\n\n          if(selected) {\n            chip.select();\n          } else {\n            chip.unselect();\n          }\n        });\n      }\n    }\n  }\n}\n","@if (sortable) {\n  <div\n      class=\"fs-chips chips-sortable\"\n      cdkDropList\n      [cdkDropListLockAxis]=\"'y'\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\">\n    @for (chip of chips; track chip) {\n      <div\n          cdkDrag\n          class=\"fs-chip-drag-container\"\n          [class.chips-selectable]=\"!!selected\"\n          [cdkDragPreviewClass]=\"'fs-chip-drag-preview'\">\n        <a\n            class=\"chip-handle\"\n            mat-icon-button\n            [ngClass]=\"{ 'visible': !selected || selected.includes(chip.value)}\"\n            cdkDragHandle>\n          <mat-icon>\n            drag_indicator\n          </mat-icon>\n        </a>\n        @if (selected) {\n        @if (selected.includes(chip.value)) {\n          <a\n              class=\"select-button select-button-selected\"\n              (click)=\"unselect(chip)\"\n              mat-icon-button>\n            <mat-icon>\n              remove_circle_outline\n            </mat-icon>\n          </a>\n        } @else {\n          <a\n              class=\"select-button select-button-unselected\"\n              (click)=\"select(chip)\"\n              mat-icon-button>\n            <mat-icon>\n              add_circle_outline\n            </mat-icon>\n          </a>\n        }\n        }\n        <ng-component [ngTemplateOutlet]=\"chip.templateRef\"></ng-component>\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"fs-chips\">\n    @for (chip of chips; track chip) {\n      <div class=\"chip-container\">\n        <ng-component [ngTemplateOutlet]=\"chip.templateRef\"></ng-component>\n      </div>\n    }\n  </div>\n}","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsLabelModule } from '@firestitch/label';\n\nimport { FsChipActionComponent } from './components/chip-action/chip-action.component';\nimport { FsChipComponent } from './components/chip/chip.component';\nimport { FsChipsComponent } from './components/chips/chips.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    DragDropModule,\n    MatIconModule,\n\n    FsLabelModule,\n  ],\n  exports: [\n    FsChipsComponent,\n    FsChipComponent,\n  ],\n  declarations: [\n    FsChipsComponent,\n    FsChipComponent,\n    FsChipActionComponent,\n  ],\n})\nexport class FsChipModule {\n  public static forRoot(): ModuleWithProviders<FsChipModule> {\n    return {\n      ngModule: FsChipModule,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i3.FsChipActionComponent","i2","i3"],"mappings":"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"}
+{"version":3,"file":"firestitch-chip.mjs","sources":["../../src/app/directives/chip-suffix.directive.ts","../../src/app/components/chip-suffix/chip-suffix.component.ts","../../src/app/components/chip-suffix/chip-suffix.component.html","../../src/app/components/chip/chip.component.ts","../../src/app/components/chip/chip.component.html","../../src/app/components/chips/chips.component.ts","../../src/app/components/chips/chips.component.html","../../src/app/fs-chip.module.ts","../../src/firestitch-chip.ts"],"sourcesContent":["import {\n  Directive,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  TemplateRef,\n} from '@angular/core';\n\n\n@Directive({\n  selector: '[fsChipSuffix]',\n})\nexport class FsChipSuffixDirective {\n\n  @Input() public icon: string;\n\n  @Input() public link: string;\n\n  @Input() public linkTarget: string;\n\n  @Input() public color: string;\n\n  @Output() public click = new EventEmitter<MouseEvent>();\n\n  public templateRef = inject(TemplateRef);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\n\n@Component({\n  selector: 'fs-chip-suffix',\n  templateUrl: './chip-suffix.component.html',\n  styleUrls: ['./chip-suffix.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipSuffixComponent {\n\n  @Input() public icon: string;\n\n  @Input() public link: string;\n\n  @Input() public linkTarget: string;\n\n  @Input() public color: string;\n\n  @Output() public click = new EventEmitter<MouseEvent>();\n}\n","@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <ng-content></ng-content>\n  @if (icon) {\n    <mat-icon\n        cdkHighlight\n        [style.color]=\"color\"\n        class=\"action\"\n        (click)=\"click.emit($event)\">\n      {{ icon }}\n    </mat-icon>\n  }\n</ng-template>","import {\n  ChangeDetectionStrategy, ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  QueryList,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\n\nimport { FsChipSuffixDirective } from '../../directives';\n\n\n@Component({\n  selector: 'fs-chip',\n  templateUrl: './chip.component.html',\n  styleUrls: ['./chip.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipComponent implements OnDestroy, OnChanges {\n\n  @ViewChild(TemplateRef, { static: true }) \n  public templateRef: TemplateRef<void>;\n\n  @ContentChildren(FsChipSuffixDirective) \n  public chipSuffixes: QueryList<FsChipSuffixDirective>;\n\n  @Input() \n  public selectable = false;\n\n  @Input()\n  public removable = true;\n\n  @Input() \n  public value: any;\n\n  @Input() \n  public maxWidth: string;\n\n  @Input() \n  public width: string;\n\n  @Input() public backgroundColor;\n\n  @Input() public borderColor;\n\n  @Input() public color;\n\n  @Input() public outlined;\n\n  @Input() \n  public icon: string;\n  \n  @Input() \n  public image: string;\n  \n  @Input('selected') \n  public set setSelected(value: boolean) {\n    this.classes.selected = value;\n    this._selected = value;\n  }\n\n  public get selected() {\n    return this._selected;\n  }\n\n  @Output() public selectedToggled = new EventEmitter();\n  @Output() public removed = new EventEmitter();\n\n  public styles: any = {};\n  public classes: any = {};\n  public hasChips: boolean;\n\n  private _destroy$ = new Subject();\n  private _selected = false;\n\n  constructor(\n    private _cdRef: ChangeDetectorRef,\n  ) {}\n\n  @Input('size') public set setSize(value) {\n    this.classes['size-small'] = value === 'small';\n    this.classes['size-tiny'] = value === 'tiny';\n    this.classes['size-micro'] = value === 'micro';\n  }\n\n  public click() {\n    if (this.selectable) {\n      this.setSelected = !this.selected;\n      this.selectedToggled.emit({ value: this.value, selected: this.selected });\n    }\n  }\n\n  public select() {\n    this.setSelected = true;\n    this._cdRef.markForCheck();\n  }\n\n  public unselect() {\n    this.setSelected = false;\n    this._cdRef.markForCheck();\n  }\n\n  public get destroy$(): Observable<any> {\n    return this._destroy$.asObservable();\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    if(changes.selectable) {\n      this.classes.selectable = this.selectable;\n    }\n\n    if(changes.removable) {\n      this.classes.removable = this.removable;\n    }\n\n    if(changes.icon) {\n      this.classes.iconed = !!this.icon;\n    }\n\n    if(changes.image) {\n      this.classes.imaged = !!this.image;\n    }\n\n    // this.classes.actionable = this.chipSuffixes.length !== 0 || \n    // (this.removed.observed && this.removable);\n\n    this._updateStyles();\n  }\n\n  public actionClick(action, event: MouseEvent) {\n    if(action.click) {\n      action.click(event);\n    }\n  }\n\n  public chipSuffixClick(chipSuffix, event: MouseEvent) {\n    chipSuffix.click.emit(event);\n  }\n\n  public ngOnDestroy() {\n    this._destroy$.next(null);\n    this._destroy$.complete();\n  }\n\n  public remove(event: MouseEvent) {\n    event.stopImmediatePropagation();\n    event.stopPropagation();\n    this.removed.next(event);\n  }\n\n  private _isContrastYIQBlack(hexcolor) {\n    if (!hexcolor) {\n      return true;\n    }\n\n    hexcolor = hexcolor.replace('#', '');\n    const r = parseInt(hexcolor.substr(0, 2), 16);\n    const g = parseInt(hexcolor.substr(2, 2), 16);\n    const b = parseInt(hexcolor.substr(4, 2), 16);\n    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n    return yiq >= 200;\n  }\n\n  private _updateStyles() {\n    this.styles.backgroundColor = this.backgroundColor;\n    this.styles.borderColor = this.borderColor;\n    this.styles.width = this.width;\n    this.classes.outlined = this.outlined;\n\n    if (this.color) {\n      this.styles.color = this.color;\n    } else if (!this.outlined) {\n      this.styles.color = this._isContrastYIQBlack(this.backgroundColor) ? '#474747' : '#fff';\n    }\n\n    if (this.outlined) {\n      this.styles.backgroundColor = '';\n\n      if (this.color) {\n        this.styles.borderColor = this.color;\n      }\n    }\n\n    this._cdRef.markForCheck();\n  }\n}\n","<ng-template>\n  <div\n      class=\"fs-chip\"\n      (click)=\"click()\"\n      [ngStyle]=\"styles\"\n      [class.actionable]=\"chipSuffixes.length !== 0 || (removed.observed && removable)\"\n      [ngClass]=\"classes\">\n    <ng-container *ngIf=\"image\">\n      <img\n        [src]=\"image\"\n        class=\"image\"\n        alt=\"\">\n    </ng-container>\n    <ng-container *ngIf=\"icon\">\n      <mat-icon class=\"icon\">\n        {{ icon }}\n      </mat-icon>\n    </ng-container>\n    <div\n        class=\"fs-chip-content\"\n        [ngStyle]=\"{ 'max-width': maxWidth }\">\n      <ng-content></ng-content>\n    </div>\n    @if (selected) {\n      <div class=\"selected-check\">\n        <mat-icon [style.color]=\"styles.color\">\n          check\n        </mat-icon>\n      </div>\n    }\n    @if (chipSuffixes.length !== 0 || (removed.observed && removable)) {\n      <div class=\"actions\">\n        @for (chipSuffix of chipSuffixes; track chipSuffix) {\n          <fs-chip-suffix\n              [ngClass]=\"{ 'clickable': chipSuffix.click.observers.length }\"\n              [icon]=\"chipSuffix.icon\"\n              [link]=\"chipSuffix.link\"\n              [linkTarget]=\"chipSuffix.linkTarget\"\n              [color]=\"styles.color\"\n              (click)=\"chipSuffixClick(chipSuffix, $event)\">\n            <ng-container *ngTemplateOutlet=\"chipSuffix.templateRef\"></ng-container>\n          </fs-chip-suffix>\n        }\n        @if (removed.observed && removable) {\n          <fs-chip-suffix\n            [ngClass]=\"{ 'clickable': true }\"\n            [icon]=\"'remove_circle_outline'\"\n            [color]=\"styles.color\"\n            (click)=\"remove($event)\">\n          </fs-chip-suffix>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n@if (!hasChips) {\n  <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n}","import {\n  AfterContentInit,\n  ChangeDetectionStrategy, ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  forwardRef,\n  Input,\n  IterableDiffer,\n  IterableDiffers,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { CdkDragDrop, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FsChipComponent } from '../chip/chip.component';\n\n\n@Component({\n  selector: 'fs-chips',\n  templateUrl: './chips.component.html',\n  styleUrls: ['./chips.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => FsChipsComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipsComponent implements OnDestroy, ControlValueAccessor, AfterContentInit {\n\n  @ViewChild(CdkDropList, { static: true })\n  public dropList: CdkDropList;\n\n  @ContentChildren(FsChipComponent)\n  public chips: QueryList<FsChipComponent>;\n\n  @Input() public compare;\n\n  @Input() public multiple = true;\n\n  @Input() public sortable = false;\n\n  @Input() public selected: any[];\n  @Output() public selectedChange = new EventEmitter();\n\n  public onChange: (value) => void;\n  public onTouch: (value) => void;\n\n  private _value = [];\n  private _selectable = false;\n  private _destroy$ = new Subject();\n  private _chipDiffer: IterableDiffer<FsChipComponent>;\n\n  constructor(\n    private _cdRef: ChangeDetectorRef,\n    private _iterable: IterableDiffers,\n  ) {\n    this._chipDiffer = this._iterable.find([]).create();\n  }\n\n  public drop(event: CdkDragDrop<string[]>) {\n    moveItemInArray(this._value, event.previousIndex, event.currentIndex);\n\n    if(this.selected) {\n      this.selected = this._value\n        .filter((value) => this.selected.includes(value));\n      this.selectedChange.emit(this.selected);\n    }\n      \n    this.onChange(this._value);\n  }\n\n  public ngAfterContentInit(): void {\n    this._subscribeToSelectionChange();\n    this._subscribeChanges();\n  }\n\n  public sortPredicate = (index: number) => {\n    return !this.selected ||  index <= this.selected.length - 1;\n  };\n \n  public set value(value) {\n    if (this._value !== value) {\n      this._value = value;\n\n      this.onChange(this._value);\n      this.onTouch(this._value);\n    }\n  }\n\n  public get value() {\n    return this._value;\n  }\n\n  public ngOnDestroy() {\n    this._destroy$.next(null);\n    this._destroy$.complete();\n  }\n\n  public select(chip: FsChipComponent) {\n    this.selected = [\n      ...this.selected, \n      chip.value,\n    ];\n\n    this.selectedChange.emit(this.selected);\n\n    this.updateSelected();  \n  }\n  \n  public unselect(chip: FsChipComponent) {\n    this.selected = this.selected\n      .filter((item) => item !== chip.value);\n\n    this.selectedChange.emit(this.selected);\n\n    this.updateSelected();\n  }\n  \n  public updateSelected() {\n    const chipArray = this.chips.toArray().sort((a, b) => {\n      const aSelected = this.selected.includes(a.value);\n      const bSelected = this.selected.includes(b.value);\n      \n      if (aSelected === bSelected) return 0;\n\n      return aSelected ? -1 : 1;\n    });\n\n    this.chips.reset(chipArray);\n    this._value = this.chips.toArray().map((chip) => chip.value);\n    this.onChange(this._value);\n  }\n\n  public writeValue(value: any) {\n    if (value !== this.value) {\n      this._value = value;\n    }\n\n    this._updateChips();\n  }\n\n  public registerOnChange(fn) {\n    this.onChange = fn;\n  }\n  public registerOnTouched(fn) {\n    this.onTouch = fn;\n  }\n\n  private _subscribeToSelectionChange() {\n    const changed = this._chipDiffer.diff(this.chips);\n    changed?.forEachAddedItem((change) => {\n      this._selectable = this.chips.some((chip) => chip.selectable);\n\n      change.item.hasChips = true;\n      change.item.selectedToggled\n        .pipe(\n          takeUntil(change.item.destroy$),\n          takeUntil(this._destroy$),\n        )\n        .subscribe(({ selected, value }) => {\n          if(this.multiple) {\n            if (selected) {\n              this.value.push(value);\n            } else {\n              const valueIndex = this.value.findIndex((item) => {\n                return this._compareFn(item, value);\n              });\n\n              if (valueIndex > -1) {\n                this.value.splice(valueIndex, 1);\n              }\n            }\n          } else {\n            this.chips\n              .forEach((chip) => {\n                if(!this._compareFn(chip.value, value)) {\n                  chip.unselect();\n                }\n              });\n\n            this.value = selected ? value : null;\n          }\n\n          this.onChange(this._value);\n          this.onTouch(this._value);\n        });\n    });\n  }\n\n  /**\n   * Update selection if item was added or removed\n   */\n  private _subscribeChanges() {\n    this.chips.changes\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this._subscribeToSelectionChange();\n        this._cdRef.markForCheck();\n        this._updateChips();\n      });\n\n    this._cdRef.markForCheck();\n  }\n\n  private _compareFn(o1, o2) {\n    if (this.compare) {\n      return this.compare(o1, o2);\n    }\n\n    return o1 === o2;\n  }\n\n  private _updateChips() {\n    if (this.multiple && this._selectable) {\n      if (Array.isArray(this.value)) {\n        this.chips.forEach((chip) => {\n          const selected = this.value\n            .some((item) => {\n              return this._compareFn(item, chip.value);\n            });\n\n          if(selected) {\n            chip.select();\n          } else {\n            chip.unselect();\n          }\n        });\n      }\n    }\n  }\n}\n","@if (sortable) {\n  <div\n      class=\"fs-chips chips-sortable\"\n      cdkDropList\n      [cdkDropListLockAxis]=\"'y'\"\n      [cdkDropListSortPredicate]=\"sortPredicate\"\n      (cdkDropListDropped)=\"drop($event)\">\n    @for (chip of chips; track chip) {\n      <div\n          cdkDrag\n          class=\"fs-chip-drag-container\"\n          [class.chips-selectable]=\"!!selected\"\n          [cdkDragPreviewClass]=\"'fs-chip-drag-preview'\">\n        <a\n            class=\"chip-handle\"\n            mat-icon-button\n            [ngClass]=\"{ 'visible': !selected || selected.includes(chip.value)}\"\n            cdkDragHandle>\n          <mat-icon>\n            drag_indicator\n          </mat-icon>\n        </a>\n        @if (selected) {\n        @if (selected.includes(chip.value)) {\n          <a\n              class=\"select-button select-button-selected\"\n              (click)=\"unselect(chip)\"\n              mat-icon-button>\n            <mat-icon>\n              remove_circle_outline\n            </mat-icon>\n          </a>\n        } @else {\n          <a\n              class=\"select-button select-button-unselected\"\n              (click)=\"select(chip)\"\n              mat-icon-button>\n            <mat-icon>\n              add_circle_outline\n            </mat-icon>\n          </a>\n        }\n        }\n        <ng-component [ngTemplateOutlet]=\"chip.templateRef\"></ng-component>\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"fs-chips\">\n    @for (chip of chips; track chip) {\n      <div class=\"chip-container\">\n        <ng-component [ngTemplateOutlet]=\"chip.templateRef\"></ng-component>\n      </div>\n    }\n  </div>\n}","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsLabelModule } from '@firestitch/label';\n\nimport { FsChipComponent, FsChipsComponent, FsChipSuffixComponent } from './components';\nimport { FsChipSuffixDirective } from './directives/chip-suffix.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    DragDropModule,\n    MatIconModule,\n\n    FsLabelModule,\n  ],\n  exports: [\n    FsChipsComponent,\n    FsChipComponent,\n    FsChipSuffixDirective,\n  ],\n  declarations: [\n    FsChipsComponent,\n    FsChipComponent,\n    FsChipSuffixComponent,\n    FsChipSuffixDirective,  \n  ],\n})\nexport class FsChipModule {\n  public static forRoot(): ModuleWithProviders<FsChipModule> {\n    return {\n      ngModule: FsChipModule,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i3.FsChipSuffixComponent","i2","i3"],"mappings":";;;;;;;;;;;;;MAaa,qBAAqB,CAAA;AAEhB,IAAA,IAAI,CAAS;AAEb,IAAA,IAAI,CAAS;AAEb,IAAA,UAAU,CAAS;AAEnB,IAAA,KAAK,CAAS;AAEb,IAAA,KAAK,GAAG,IAAI,YAAY,EAAc,CAAC;AAEjD,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGAZ9B,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAArB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA,CAAA;8BAGiB,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBAEU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBAEU,UAAU,EAAA,CAAA;sBAAzB,KAAK;gBAEU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBAEW,KAAK,EAAA,CAAA;sBAArB,MAAM;;;MCRI,qBAAqB,CAAA;AAEhB,IAAA,IAAI,CAAS;AAEb,IAAA,IAAI,CAAS;AAEb,IAAA,UAAU,CAAS;AAEnB,IAAA,KAAK,CAAS;AAEb,IAAA,KAAK,GAAG,IAAI,YAAY,EAAc,CAAC;uGAV7C,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qKCflC,ugBAoBc,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDLD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ugBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;8BAI/B,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBAEU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBAEU,UAAU,EAAA,CAAA;sBAAzB,KAAK;gBAEU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBAEW,KAAK,EAAA,CAAA;sBAArB,MAAM;;;MECI,eAAe,CAAA;AA0DhB,IAAA,MAAA,CAAA;AAvDH,IAAA,WAAW,CAAoB;AAG/B,IAAA,YAAY,CAAmC;IAG/C,UAAU,GAAG,KAAK,CAAC;IAGnB,SAAS,GAAG,IAAI,CAAC;AAGjB,IAAA,KAAK,CAAM;AAGX,IAAA,QAAQ,CAAS;AAGjB,IAAA,KAAK,CAAS;AAEL,IAAA,eAAe,CAAC;AAEhB,IAAA,WAAW,CAAC;AAEZ,IAAA,KAAK,CAAC;AAEN,IAAA,QAAQ,CAAC;AAGlB,IAAA,IAAI,CAAS;AAGb,IAAA,KAAK,CAAS;IAErB,IACW,WAAW,CAAC,KAAc,EAAA;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB;AAED,IAAA,IAAW,QAAQ,GAAA;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;AAEgB,IAAA,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,IAAI,YAAY,EAAE,CAAC;IAEvC,MAAM,GAAQ,EAAE,CAAC;IACjB,OAAO,GAAQ,EAAE,CAAC;AAClB,IAAA,QAAQ,CAAU;AAEjB,IAAA,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;IAC1B,SAAS,GAAG,KAAK,CAAC;AAE1B,IAAA,WAAA,CACU,MAAyB,EAAA;QAAzB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;KAC/B;IAEJ,IAA0B,OAAO,CAAC,KAAK,EAAA;QACrC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,KAAK,KAAK,OAAO,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,KAAK,MAAM,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,KAAK,KAAK,OAAO,CAAC;KAChD;IAEM,KAAK,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC3E;KACF;IAEM,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;IAEM,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;AAED,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;KACtC;AAEM,IAAA,WAAW,CAAC,OAAsB,EAAA;AACvC,QAAA,IAAG,OAAO,CAAC,UAAU,EAAE;YACrB,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;SAC3C;AAED,QAAA,IAAG,OAAO,CAAC,SAAS,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;SACzC;AAED,QAAA,IAAG,OAAO,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SACnC;AAED,QAAA,IAAG,OAAO,CAAC,KAAK,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;SACpC;;;QAKD,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEM,WAAW,CAAC,MAAM,EAAE,KAAiB,EAAA;AAC1C,QAAA,IAAG,MAAM,CAAC,KAAK,EAAE;AACf,YAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACrB;KACF;IAEM,eAAe,CAAC,UAAU,EAAE,KAAiB,EAAA;AAClD,QAAA,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC9B;IAEM,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;AAEM,IAAA,MAAM,CAAC,KAAiB,EAAA;QAC7B,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B;AAEO,IAAA,mBAAmB,CAAC,QAAQ,EAAA;QAClC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,IAAI,CAAC;SACb;QAED,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACrC,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC;QAEvD,OAAO,GAAG,IAAI,GAAG,CAAC;KACnB;IAEO,aAAa,GAAA;QACnB,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QACnD,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAEtC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAChC;AAAM,aAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACzB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC;SACzF;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,EAAE,CAAC;AAEjC,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;aACtC;SACF;AAED,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;uGAvKU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAKT,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,qBAAqB,EAH3B,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAW,mFC5BxB,g1DAyDC,EAAA,MAAA,EAAA,CAAA,2sFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FD/BY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,g1DAAA,EAAA,MAAA,EAAA,CAAA,2sFAAA,CAAA,EAAA,CAAA;sFAKxC,WAAW,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIjC,YAAY,EAAA,CAAA;sBADlB,eAAe;uBAAC,qBAAqB,CAAA;gBAI/B,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAIC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAGU,eAAe,EAAA,CAAA;sBAA9B,KAAK;gBAEU,WAAW,EAAA,CAAA;sBAA1B,KAAK;gBAEU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBAEU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBAGC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAIK,WAAW,EAAA,CAAA;sBADrB,KAAK;uBAAC,UAAU,CAAA;gBAUA,eAAe,EAAA,CAAA;sBAA/B,MAAM;gBACU,OAAO,EAAA,CAAA;sBAAvB,MAAM;gBAamB,OAAO,EAAA,CAAA;sBAAhC,KAAK;uBAAC,MAAM,CAAA;;;MEjDF,gBAAgB,CAAA;AA0BjB,IAAA,MAAA,CAAA;AACA,IAAA,SAAA,CAAA;AAxBH,IAAA,QAAQ,CAAc;AAGtB,IAAA,KAAK,CAA6B;AAEzB,IAAA,OAAO,CAAC;IAER,QAAQ,GAAG,IAAI,CAAC;IAEhB,QAAQ,GAAG,KAAK,CAAC;AAEjB,IAAA,QAAQ,CAAQ;AACf,IAAA,cAAc,GAAG,IAAI,YAAY,EAAE,CAAC;AAE9C,IAAA,QAAQ,CAAkB;AAC1B,IAAA,OAAO,CAAkB;IAExB,MAAM,GAAG,EAAE,CAAC;IACZ,WAAW,GAAG,KAAK,CAAC;AACpB,IAAA,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;AAC1B,IAAA,WAAW,CAAkC;IAErD,WACU,CAAA,MAAyB,EACzB,SAA0B,EAAA;QAD1B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;QACzB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAiB;AAElC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;KACrD;AAEM,IAAA,IAAI,CAAC,KAA4B,EAAA;AACtC,QAAA,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;AAEtE,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAE;AAChB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;AACxB,iBAAA,MAAM,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;AAED,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC5B;IAEM,kBAAkB,GAAA;QACvB,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;AAEM,IAAA,aAAa,GAAG,CAAC,KAAa,KAAI;AACvC,QAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAK,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;AAC9D,KAAC,CAAC;IAEF,IAAW,KAAK,CAAC,KAAK,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AAEpB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC3B;KACF;AAED,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IAEM,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;AAEM,IAAA,MAAM,CAAC,IAAqB,EAAA;QACjC,IAAI,CAAC,QAAQ,GAAG;YACd,GAAG,IAAI,CAAC,QAAQ;AAChB,YAAA,IAAI,CAAC,KAAK;SACX,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;AAEM,IAAA,QAAQ,CAAC,IAAqB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC1B,aAAA,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;QAEzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAEM,cAAc,GAAA;AACnB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACnD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAClD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YAElD,IAAI,SAAS,KAAK,SAAS;AAAE,gBAAA,OAAO,CAAC,CAAC;YAEtC,OAAO,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5B,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC5B;AAEM,IAAA,UAAU,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;AAEM,IAAA,gBAAgB,CAAC,EAAE,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACpB;AACM,IAAA,iBAAiB,CAAC,EAAE,EAAA;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACnB;IAEO,2BAA2B,GAAA;AACjC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClD,QAAA,OAAO,EAAE,gBAAgB,CAAC,CAAC,MAAM,KAAI;AACnC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;AAE9D,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC,eAAe;AACxB,iBAAA,IAAI,CACH,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B;iBACA,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAI;AACjC,gBAAA,IAAG,IAAI,CAAC,QAAQ,EAAE;oBAChB,IAAI,QAAQ,EAAE;AACZ,wBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBACxB;yBAAM;wBACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;4BAC/C,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACtC,yBAAC,CAAC,CAAC;AAEH,wBAAA,IAAI,UAAU,GAAG,CAAC,CAAC,EAAE;4BACnB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;yBAClC;qBACF;iBACF;qBAAM;AACL,oBAAA,IAAI,CAAC,KAAK;AACP,yBAAA,OAAO,CAAC,CAAC,IAAI,KAAI;AAChB,wBAAA,IAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;4BACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;yBACjB;AACH,qBAAC,CAAC,CAAC;AAEL,oBAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;iBACtC;AAED,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC5B,aAAC,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;IACK,iBAAiB,GAAA;QACvB,IAAI,CAAC,KAAK,CAAC,OAAO;AACf,aAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B;aACA,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,2BAA2B,EAAE,CAAC;AACnC,YAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;AAEL,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;IAEO,UAAU,CAAC,EAAE,EAAE,EAAE,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;SAC7B;QAED,OAAO,EAAE,KAAK,EAAE,CAAC;KAClB;IAEO,YAAY,GAAA;QAClB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;YACrC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBAC7B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC1B,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK;AACxB,yBAAA,IAAI,CAAC,CAAC,IAAI,KAAI;wBACb,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3C,qBAAC,CAAC,CAAC;oBAEL,IAAG,QAAQ,EAAE;wBACX,IAAI,CAAC,MAAM,EAAE,CAAC;qBACf;yBAAM;wBACL,IAAI,CAAC,QAAQ,EAAE,CAAC;qBACjB;AACH,iBAAC,CAAC,CAAC;aACJ;SACF;KACF;uGA5MU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAThB,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAQgB,eAAe,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAHrB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCxB,8oDAuDC,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDjBY,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGT,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8oDAAA,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,CAAA;oHAKxC,QAAQ,EAAA,CAAA;sBADd,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIjC,KAAK,EAAA,CAAA;sBADX,eAAe;uBAAC,eAAe,CAAA;gBAGhB,OAAO,EAAA,CAAA;sBAAtB,KAAK;gBAEU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBAEU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBAEU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBACW,cAAc,EAAA,CAAA;sBAA9B,MAAM;;;MErBI,YAAY,CAAA;AAChB,IAAA,OAAO,OAAO,GAAA;QACnB,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;SACvB,CAAC;KACH;uGALU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBANrB,gBAAgB;YAChB,eAAe;YACf,qBAAqB;AACrB,YAAA,qBAAqB,aAhBrB,YAAY;YAEZ,cAAc;YACd,aAAa;AAEb,YAAA,aAAa,aAGb,gBAAgB;YAChB,eAAe;YACf,qBAAqB,CAAA,EAAA,CAAA,CAAA;AASZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAnBrB,YAAY;YAEZ,cAAc;YACd,aAAa;YAEb,aAAa,CAAA,EAAA,CAAA,CAAA;;2FAcJ,YAAY,EAAA,UAAA,EAAA,CAAA;kBArBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBAEZ,cAAc;wBACd,aAAa;wBAEb,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;wBAChB,eAAe;wBACf,qBAAqB;AACtB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,eAAe;wBACf,qBAAqB;wBACrB,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;AC/BD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firestitch/chip",
-  "version": "18.0.8",
+  "version": "18.0.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/Firestitch/ngx-chip"

package/public_api.d.ts

@@ -1,3 +1,4 @@
 export { FsChipModule } from './app/fs-chip.module';
 export { FsChipComponent } from './app/components/chip/chip.component';
 export { FsChipsComponent } from './app/components/chips/chips.component';
+export { FsChipSuffixDirective } from './app/directives/chip-suffix.directive';

package/app/components/chip-action/chip-action.component.d.ts

@@ -1,11 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class FsChipActionComponent {
-    icon: any;
-    link: any;
-    linkTarget: any;
-    color: any;
-    actionClick: EventEmitter<MouseEvent>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsChipActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsChipActionComponent, "fs-chip-action", never, { "icon": { "alias": "icon"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
-}

package/esm2022/app/components/chip-action/chip-action.component.mjs

@@ -1,28 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-export class FsChipActionComponent {
-    icon;
-    link;
-    linkTarget;
-    color;
-    actionClick = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipActionComponent, selector: "fs-chip-action", inputs: { icon: "icon", link: "link", linkTarget: "linkTarget", color: "color" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <mat-icon\n      cdkHighlight\n      [style.color]=\"color\"\n      class=\"action\"\n      (click)=\"actionClick.emit($event)\">\n    {{ icon }}\n  </mat-icon>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipActionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fs-chip-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link) {\n  <a\n      [href]=\"link\"\n      [target]=\"linkTarget || '_self'\">\n    <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"actionTemplate\"></ng-container>\n}\n<ng-template #actionTemplate>\n  <mat-icon\n      cdkHighlight\n      [style.color]=\"color\"\n      class=\"action\"\n      (click)=\"actionClick.emit($event)\">\n    {{ icon }}\n  </mat-icon>\n</ng-template>" }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], link: [{
-                type: Input
-            }], linkTarget: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], actionClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2NoaXAtYWN0aW9uL2NoaXAtYWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwLWFjdGlvbi9jaGlwLWFjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBRWhCLElBQUksQ0FBQztJQUVMLElBQUksQ0FBQztJQUVMLFVBQVUsQ0FBQztJQUVYLEtBQUssQ0FBQztJQUVMLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO3VHQVZuRCxxQkFBcUI7MkZBQXJCLHFCQUFxQixpTENmbEMsNmNBaUJjOzsyRkRGRCxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07OEJBSS9CLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxVQUFVO3NCQUF6QixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVcsV0FBVztzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtY2hpcC1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcC1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwQWN0aW9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgaWNvbjtcblxuICBASW5wdXQoKSBwdWJsaWMgbGluaztcblxuICBASW5wdXQoKSBwdWJsaWMgbGlua1RhcmdldDtcblxuICBASW5wdXQoKSBwdWJsaWMgY29sb3I7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbn1cbiIsIkBpZiAobGluaykge1xuICA8YVxuICAgICAgW2hyZWZdPVwibGlua1wiXG4gICAgICBbdGFyZ2V0XT1cImxpbmtUYXJnZXQgfHwgJ19zZWxmJ1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25UZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICA8L2E+XG59IEBlbHNlIHtcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvblRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG59XG48bmctdGVtcGxhdGUgI2FjdGlvblRlbXBsYXRlPlxuICA8bWF0LWljb25cbiAgICAgIGNka0hpZ2hsaWdodFxuICAgICAgW3N0eWxlLmNvbG9yXT1cImNvbG9yXCJcbiAgICAgIGNsYXNzPVwiYWN0aW9uXCJcbiAgICAgIChjbGljayk9XCJhY3Rpb25DbGljay5lbWl0KCRldmVudClcIj5cbiAgICB7eyBpY29uIH19XG4gIDwvbWF0LWljb24+XG48L25nLXRlbXBsYXRlPiJdfQ==