@firestitch/chip 18.0.7 → 18.0.9

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: [".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: [".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: [{
@@ -211,6 +234,8 @@ class FsChipsComponent {
     compare;
     multiple = true;
     sortable = false;
+    selected;
+    selectedChange = new EventEmitter();
     onChange;
     onTouch;
     _value = [];
@@ -224,12 +249,20 @@ class FsChipsComponent {
     }
     drop(event) {
         moveItemInArray(this._value, event.previousIndex, event.currentIndex);
+        if (this.selected) {
+            this.selected = this._value
+                .filter((value) => this.selected.includes(value));
+            this.selectedChange.emit(this.selected);
+        }
         this.onChange(this._value);
     }
     ngAfterContentInit() {
         this._subscribeToSelectionChange();
         this._subscribeChanges();
     }
+    sortPredicate = (index) => {
+        return !this.selected || index <= this.selected.length - 1;
+    };
     set value(value) {
         if (this._value !== value) {
             this._value = value;
@@ -244,6 +277,32 @@ class FsChipsComponent {
         this._destroy$.next(null);
         this._destroy$.complete();
     }
+    select(chip) {
+        this.selected = [
+            ...this.selected,
+            chip.value,
+        ];
+        this.selectedChange.emit(this.selected);
+        this.updateSelected();
+    }
+    unselect(chip) {
+        this.selected = this.selected
+            .filter((item) => item !== chip.value);
+        this.selectedChange.emit(this.selected);
+        this.updateSelected();
+    }
+    updateSelected() {
+        const chipArray = this.chips.toArray().sort((a, b) => {
+            const aSelected = this.selected.includes(a.value);
+            const bSelected = this.selected.includes(b.value);
+            if (aSelected === bSelected)
+                return 0;
+            return aSelected ? -1 : 1;
+        });
+        this.chips.reset(chipArray);
+        this._value = this.chips.toArray().map((chip) => chip.value);
+        this.onChange(this._value);
+    }
     writeValue(value) {
         if (value !== this.value) {
             this._value = value;
@@ -329,13 +388,13 @@ class FsChipsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsChipsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipsComponent, selector: "fs-chips", inputs: { compare: "compare", multiple: "multiple", sortable: "sortable" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsChipsComponent, selector: "fs-chips", inputs: { compare: "compare", multiple: "multiple", sortable: "sortable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => FsChipsComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "chips", predicate: FsChipComponent }], viewQueries: [{ propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, static: true }], ngImport: i0, template: "@if (sortable) {\n  <div\n      class=\"fs-chips chips-sortable\"\n      cdkDropList\n      [cdkDropListLockAxis]=\"'y'\"\n      (cdkDropListDropped)=\"drop($event)\">\n    @for (chip of chips; track chip) {\n      <div\n          class=\"chip-container\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"'fs-chip-drag-preview'\">\n        <a\n            class=\"chip-handle\"\n            mat-icon-button\n            cdkDragHandle>\n          <mat-icon>\n            drag_indicator\n          </mat-icon>\n        </a>\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}", styles: [".fs-chips{display:flex}.fs-chips:not(.chips-sortable){gap:5px}.fs-chips.chips-sortable{flex-direction:column}.fs-chips.chips-sortable .chip-container{display:flex;align-items:center}.fs-chips.chips-sortable .chip-container+.chip-container{border-top:7px solid transparent}.fs-chips.chips-sortable .chip-container .chip-handle{color:inherit;display:flex;align-items:center}.fs-chips.chips-sortable ::ng-deep .cdk-drag-placeholder{opacity:.3}.fs-chips .fs-chip-container{display:flex}::ng-deep .fs-chip-drag-preview{display:flex;overflow:visible}::ng-deep .fs-chip-drag-preview .chip-handle{color:inherit;display:flex;align-items:center}::ng-deep .fs-chip-drag-preview.chip-container .fs-chip{box-shadow:3px 3px 3px #c4c4c4}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "chips", predicate: FsChipComponent }], viewQueries: [{ propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, static: true }], ngImport: i0, template: "@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}", styles: ["@charset \"UTF-8\";@media (max-width: 599px){h1[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"]{margin-top:0}}@media (max-width: 1023px){h1[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"]{margin-top:0}}@media (max-width: 1439px){h1[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"]{margin-top:0}}.fs-delimit>*:not(:last-child):after{content:\",\\a0\"}.fs-chips{display:flex}.fs-chips:not(.chips-sortable){gap:5px}.fs-chips.chips-sortable{flex-direction:column}.fs-chips.chips-sortable .fs-chip-drag-container{border-bottom:8px solid transparent}.fs-chips.chips-sortable ::ng-deep .cdk-drag-placeholder{opacity:.3}.fs-chips .fs-chip-drag-container{display:flex}::ng-deep .fs-chip-drag-container{display:flex;align-items:center}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview{display:flex;overflow:visible}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview .select-button{visibility:hidden}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview.chip-container .fs-chip{box-shadow:3px 3px 3px #c4c4c4}::ng-deep .fs-chip-drag-container.chips-selectable .chip-handle{order:10}::ng-deep .fs-chip-drag-container .select-button,::ng-deep .fs-chip-drag-container .chip-handle{color:inherit;display:flex;align-items:center}::ng-deep .fs-chip-drag-container .select-button{margin-right:5px}::ng-deep .fs-chip-drag-container .select-button.select-button-selected mat-icon{color:#92d050}::ng-deep .fs-chip-drag-container .select-button.select-button-unselected mat-icon{color:#ea4266}::ng-deep .fs-chip-drag-container .chip-handle:not(.visible){visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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: FsChipsComponent, decorators: [{
             type: Component,
@@ -345,7 +404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             useExisting: forwardRef(() => FsChipsComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (sortable) {\n  <div\n      class=\"fs-chips chips-sortable\"\n      cdkDropList\n      [cdkDropListLockAxis]=\"'y'\"\n      (cdkDropListDropped)=\"drop($event)\">\n    @for (chip of chips; track chip) {\n      <div\n          class=\"chip-container\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"'fs-chip-drag-preview'\">\n        <a\n            class=\"chip-handle\"\n            mat-icon-button\n            cdkDragHandle>\n          <mat-icon>\n            drag_indicator\n          </mat-icon>\n        </a>\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}", styles: [".fs-chips{display:flex}.fs-chips:not(.chips-sortable){gap:5px}.fs-chips.chips-sortable{flex-direction:column}.fs-chips.chips-sortable .chip-container{display:flex;align-items:center}.fs-chips.chips-sortable .chip-container+.chip-container{border-top:7px solid transparent}.fs-chips.chips-sortable .chip-container .chip-handle{color:inherit;display:flex;align-items:center}.fs-chips.chips-sortable ::ng-deep .cdk-drag-placeholder{opacity:.3}.fs-chips .fs-chip-container{display:flex}::ng-deep .fs-chip-drag-preview{display:flex;overflow:visible}::ng-deep .fs-chip-drag-preview .chip-handle{color:inherit;display:flex;align-items:center}::ng-deep .fs-chip-drag-preview.chip-container .fs-chip{box-shadow:3px 3px 3px #c4c4c4}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@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}", styles: ["@charset \"UTF-8\";@media (max-width: 599px){h1[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-xs*=fs-heading][fs\\.lt-xs*=\".top-none\"]{margin-top:0}}@media (max-width: 1023px){h1[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-sm*=fs-heading][fs\\.lt-sm*=\".top-none\"]{margin-top:0}}@media (max-width: 1439px){h1[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"],h2[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"],h3[class*=\".top\"][fs\\.lt-md*=fs-heading][fs\\.lt-md*=\".top-none\"]{margin-top:0}}.fs-delimit>*:not(:last-child):after{content:\",\\a0\"}.fs-chips{display:flex}.fs-chips:not(.chips-sortable){gap:5px}.fs-chips.chips-sortable{flex-direction:column}.fs-chips.chips-sortable .fs-chip-drag-container{border-bottom:8px solid transparent}.fs-chips.chips-sortable ::ng-deep .cdk-drag-placeholder{opacity:.3}.fs-chips .fs-chip-drag-container{display:flex}::ng-deep .fs-chip-drag-container{display:flex;align-items:center}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview{display:flex;overflow:visible}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview .select-button{visibility:hidden}::ng-deep .fs-chip-drag-container.fs-chip-drag-preview.chip-container .fs-chip{box-shadow:3px 3px 3px #c4c4c4}::ng-deep .fs-chip-drag-container.chips-selectable .chip-handle{order:10}::ng-deep .fs-chip-drag-container .select-button,::ng-deep .fs-chip-drag-container .chip-handle{color:inherit;display:flex;align-items:center}::ng-deep .fs-chip-drag-container .select-button{margin-right:5px}::ng-deep .fs-chip-drag-container .select-button.select-button-selected mat-icon{color:#92d050}::ng-deep .fs-chip-drag-container .select-button.select-button-unselected mat-icon{color:#ea4266}::ng-deep .fs-chip-drag-container .chip-handle:not(.visible){visibility:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }], propDecorators: { dropList: [{
                 type: ViewChild,
                 args: [CdkDropList, { static: true }]
@@ -358,6 +417,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }], sortable: [{
                 type: Input
+            }], selected: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
             }] } });
 
 class FsChipModule {
@@ -369,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,
@@ -391,11 +456,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     exports: [
                         FsChipsComponent,
                         FsChipComponent,
+                        FsChipSuffixDirective,
                     ],
                     declarations: [
                         FsChipsComponent,
                         FsChipComponent,
-                        FsChipActionComponent,
+                        FsChipSuffixComponent,
+                        FsChipSuffixDirective,
                     ],
                 }]
         }] });
@@ -404,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  forwardRef,\n  Input,\n  IterableDiffer,\n  IterableDiffers,\n  OnDestroy,\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  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    this.onChange(this._value);\n  }\n\n  public ngAfterContentInit(): void {\n    this._subscribeToSelectionChange();\n    this._subscribeChanges();\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 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      (cdkDropListDropped)=\"drop($event)\">\n    @for (chip of chips; track chip) {\n      <div\n          class=\"chip-container\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"'fs-chip-drag-preview'\">\n        <a\n            class=\"chip-handle\"\n            mat-icon-button\n            cdkDragHandle>\n          <mat-icon>\n            drag_indicator\n          </mat-icon>\n        </a>\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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firestitch/chip",
-  "version": "18.0.7",
+  "version": "18.0.9",
   "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==