@piserve-tech/drop-down 1.2.103 → 1.2.105

package/esm2022/lib/dropdown.component.mjs

@@ -36,11 +36,7 @@ export class DropdownComponent {
         this._filteredItems = [];
         this._items = [];
     }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        this.initialize();
-    }
+    ngOnInit() { }
     ngOnChanges(changes) {
         if (changes["selectedItems"]) {
             const item = changes["selectedItems"]["currentValue"];
@@ -49,6 +45,7 @@ export class DropdownComponent {
             this.selectedItemImage = this.selectedItems[0]?.image;
         }
         if (changes["items"]) {
+            this.initialize();
             this.originalItems = this.items.slice();
             this.cdr.markForCheck();
         }
@@ -158,11 +155,11 @@ export class DropdownComponent {
         return `${before}<span class="highlight-text">${match}</span>${after}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { multiple: "multiple", selectedItems: "selectedItems", placeholder: "placeholder", showCreateNew: "showCreateNew", selectedValues: "selectedValues", customButtons: "customButtons", showBorder: "showBorder", showSubLabel: "showSubLabel", items: "items" }, outputs: { buttonClick: "buttonClick", selectedItemsChange: "selectedItemsChange", onDropdownScroll: "onDropdownScroll", onCreateNew: "onCreateNew", onSearch: "onSearch" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownitems", first: true, predicate: ["dropdownItems"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"dropdown_buttons\">\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { multiple: "multiple", selectedItems: "selectedItems", placeholder: "placeholder", showCreateNew: "showCreateNew", selectedValues: "selectedValues", customButtons: "customButtons", showBorder: "showBorder", showSubLabel: "showSubLabel", items: "items" }, outputs: { buttonClick: "buttonClick", selectedItemsChange: "selectedItemsChange", onDropdownScroll: "onDropdownScroll", onCreateNew: "onCreateNew", onSearch: "onSearch" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownitems", first: true, predicate: ["dropdownItems"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection single-input\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n            <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.single-input{width:80%;white-space:nowrap}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: "lib-dropdown", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"dropdown_buttons\">\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"] }]
+            args: [{ selector: "lib-dropdown", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection single-input\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n            <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.single-input{width:80%;white-space:nowrap}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { multiple: [{
                 type: Input
             }], selectedItems: [{
@@ -201,4 +198,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostListener,
                 args: ["document:click", ["$event"]]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHJvcGRvd24vc3JjL2xpYi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kcm9wZG93bi9zcmMvbGliL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxpQkFBaUI7SUFtQzVCLElBQ0ksS0FBSyxDQUFDLEtBQXFCO1FBQzdCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsd0NBQXdDO1FBQ25GLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE1Q2pDLGtCQUFhLEdBQVUsRUFBRSxDQUFDO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXpCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBQzVCLGtCQUFhLEdBS2hCLEVBQUUsQ0FBQztRQUNBLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUM3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LFNBQVM7dUJBQUMsZUFBZTtnQkE0Q0gsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVO2dCQUVyQixlQUFlO3NCQURkLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duSXRlbSB9IGZyb20gXCIuL2Ryb3Bkb3duLm1vZGVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJsaWItZHJvcGRvd25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kcm9wZG93bi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZHJvcGRvd24uY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG11bHRpcGxlITogYm9vbGVhbjtcbiAgQElucHV0KCkgc2VsZWN0ZWRJdGVtczogYW55W10gPSBbXTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IFN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIHNob3dDcmVhdGVOZXchOiBib29sZWFuO1xuICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlczogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgY3VzdG9tQnV0dG9uczoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgaWNvbjogc3RyaW5nO1xuICAgIGNvbG9yOiBzdHJpbmc7XG4gICAgYWN0aW9uOiAoKSA9PiB2b2lkO1xuICB9W10gPSBbXTtcbiAgQElucHV0KCkgc2hvd0JvcmRlcjogYm9vbGVhbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBidXR0b25DbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZEl0ZW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55W10+ID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBhbnlbXVxuICA+KCk7XG4gIEBPdXRwdXQoKSBvbkRyb3Bkb3duU2Nyb2xsOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcbiAgQE91dHB1dCgpIG9uQ3JlYXRlTmV3OiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcbiAgQE91dHB1dCgpIG9uU2VhcmNoOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAvL3N1YkxhYmVsXG4gIEBJbnB1dCgpIHNob3dTdWJMYWJlbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGRyb3Bkb3duT3BlbmVkOiBib29sZWFuID0gZmFsc2U7XG4gIHNlbGVjdGVkSXRlbTogYW55O1xuICBzZWxlY3RlZEl0ZW1OYW1lOiBzdHJpbmcgPSBcIlwiO1xuICBzZWxlY3RlZEl0ZW1JbWFnZTogc3RyaW5nID0gXCJcIjtcbiAgb3JpZ2luYWxJdGVtczogRHJvcGRvd25JdGVtW10gPSBbXTtcbiAgc2VhcmNoVGVybTogc3RyaW5nID0gXCJcIjtcbiAgaW5pdGlhbGl6ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgc2VhcmNoVGV4dDogc3RyaW5nID0gXCJcIjtcbiAgX2ZpbHRlcmVkSXRlbXM6IERyb3Bkb3duSXRlbVtdID0gW107XG5cbiAgcHJpdmF0ZSBfaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgc2V0IGl0ZW1zKHZhbHVlOiBEcm9wZG93bkl0ZW1bXSkge1xuICAgIHRoaXMuX2l0ZW1zID0gdmFsdWUgfHwgW107XG4gICAgdGhpcy5vcmlnaW5hbEl0ZW1zID0gdGhpcy5faXRlbXMuc2xpY2UoKTtcbiAgICB0aGlzLl9maWx0ZXJlZEl0ZW1zID0gdGhpcy5faXRlbXMuc2xpY2UoKTsgLy8gdXNlIGEgc2VwYXJhdGUgdmFyaWFibGUgZm9yIHJlbmRlcmluZ1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG4gIGdldCBpdGVtcygpOiBEcm9wZG93bkl0ZW1bXSB7XG4gICAgcmV0dXJuIHRoaXMuX2l0ZW1zO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICBcbiAgfVxuXG4gICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0aWFsaXplKCk7IFxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzW1wic2VsZWN0ZWRJdGVtc1wiXSkge1xuICAgICAgY29uc3QgaXRlbSA9IGNoYW5nZXNbXCJzZWxlY3RlZEl0ZW1zXCJdW1wiY3VycmVudFZhbHVlXCJdO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gaXRlbTtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtTmFtZSA9IHRoaXMuc2VsZWN0ZWRJdGVtc1swXT8ubGFiZWw7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbUltYWdlID0gdGhpcy5zZWxlY3RlZEl0ZW1zWzBdPy5pbWFnZTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXNbXCJpdGVtc1wiXSkge1xuICAgICAgdGhpcy5vcmlnaW5hbEl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSgpOyAgXG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTsgXG4gICAgfVxuICAgIGlmIChjaGFuZ2VzW1wic2VsZWN0ZWRWYWx1ZXNcIl0pIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtTmFtZSA9IHRoaXMuc2VsZWN0ZWRWYWx1ZXM7XG4gICAgfVxuICB9XG5cbiAgaW5pdGlhbGl6ZSgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLnNlbGVjdGVkSXRlbXMgJiYgdGhpcy5zZWxlY3RlZEl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgaWYgKCF0aGlzLm11bHRpcGxlKXtcbiAgICAgICAgICB0aGlzLnNlYXJjaFRleHQgPSBcIlwiO1xuICAgICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtTmFtZSA9IHRoaXMuc2VsZWN0ZWRJdGVtc1swXT8ubGFiZWw7XG4gICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbWFnZSA9IHRoaXMuc2VsZWN0ZWRJdGVtc1swXT8uaW1hZ2U7XG4gICAgICAgIH0gXG4gICAgICB9XG4gICAgfSwgMTAwMCk7XG4gICAgY29uc3QgdW5pcXVlSXRlbXMgPSB0aGlzLml0ZW1zLmZpbHRlcihcbiAgICAgIChzZWxlY3RlZCwgaW5kZXgsIHNlbGYpID0+XG4gICAgICAgIGluZGV4ID09PSBzZWxmLmZpbmRJbmRleCgodCkgPT4gdC52YWx1ZSA9PT0gc2VsZWN0ZWQudmFsdWUpXG4gICAgKTtcbiAgICBcbiAgICB0aGlzLml0ZW1zID0gdW5pcXVlSXRlbXM7XG4gICAgXG4gIH1cblxuICBvcGVuRHJvcGRvd24oKSB7XG4gICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9ICF0aGlzLmRyb3Bkb3duT3BlbmVkO1xuICB9XG5cbiAgQFZpZXdDaGlsZChcImRyb3Bkb3duSXRlbXNcIikgZHJvcGRvd25pdGVtcyE6IEVsZW1lbnRSZWY8YW55PjtcbiAgZHJvcGRvd25TY3JvbGwoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9uRHJvcGRvd25TY3JvbGwub2JzZXJ2ZWQpIHtcbiAgICAgIHRoaXMub25Ecm9wZG93blNjcm9sbC5lbWl0KGV2ZW50KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdEl0ZW0oaXRlbTogYW55KSB7XG4gICAgaWYgKHRoaXMubXVsdGlwbGUpIHtcbiAgICAgIGlmICghdGhpcy5zZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKGl0ZW0pKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtcy5wdXNoKGl0ZW0pO1xuICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gdGhpcy5zZWxlY3RlZEl0ZW1zLmZpbHRlcihcbiAgICAgICAgICAoc2VsZWN0ZWQ6IGFueSkgPT4gc2VsZWN0ZWQgIT09IGl0ZW1cbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZEl0ZW1zKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gXCJcIjtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtc1swXSA9IGl0ZW07XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbU5hbWUgPSB0aGlzLnNlbGVjdGVkSXRlbXNbMF0/LmxhYmVsO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbWFnZSA9IHRoaXMuc2VsZWN0ZWRJdGVtc1swXT8uaW1hZ2U7XG4gICAgICB0aGlzLmRyb3Bkb3duT3BlbmVkID0gZmFsc2U7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgIH1cbiAgfVxuXG4gIHVuc2VsZWN0SXRlbShpdGVtOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSB0aGlzLnNlbGVjdGVkSXRlbXMuZmlsdGVyKFxuICAgICAgKHNlbGVjdGVkOiBhbnkpID0+IHNlbGVjdGVkICE9PSBpdGVtXG4gICAgKTtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICB9XG5cbiAgdW5zZWxlY3RBbGwoKSB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW107XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1OYW1lID0gXCJcIjtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbUltYWdlID0gXCJcIjtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgQFZpZXdDaGlsZChcImRyb3Bkb3duXCIpIGRyb3Bkb3duITogRWxlbWVudFJlZjtcbiAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIsIFtcIiRldmVudFwiXSlcbiAgb25Eb2N1bWVudENsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlzQ2xpY2tJbnNpZGVEcm9wZG93biA9IHRoaXMuZHJvcGRvd24ubmF0aXZlRWxlbWVudC5jb250YWlucyhcbiAgICAgIGV2ZW50LnRhcmdldFxuICAgICk7XG5cbiAgICBpZiAoIWlzQ2xpY2tJbnNpZGVEcm9wZG93bikge1xuICAgICAgXG4gICAgICB0aGlzLmRyb3Bkb3duT3BlbmVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgY3JlYXRlTmV3KCkge1xuICAgIHRoaXMub25DcmVhdGVOZXcuZW1pdCgpO1xuICAgIHRoaXMuZHJvcGRvd25PcGVuZWQgPSBmYWxzZTtcbiAgfVxuXG4gIHNlYXJjaChldmVudDogYW55KTogdm9pZCB7XG4gICAgY29uc3Qga2V5Q29kZSA9IGV2ZW50LmtleUNvZGU7XG4gICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9IHRydWU7XG4gICAgdGhpcy5zZWFyY2hUZXJtID0gZXZlbnQudGFyZ2V0LnZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gICAgaWYgKCF0aGlzLm9uU2VhcmNoLm9ic2VydmVkKSB7XG4gICAgICBpZiAodGhpcy5zZWFyY2hUZXJtLnRyaW0oKSA9PT0gXCJcIikge1xuICAgICAgICBpZiAoIXRoaXMubXVsdGlwbGUpIHtcbiAgICAgICAgICB0aGlzLnVuc2VsZWN0QWxsKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5fZmlsdGVyZWRJdGVtcyA9IHRoaXMub3JpZ2luYWxJdGVtcy5zbGljZSgpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgbG93ZXJDYXNlU2VhcmNoVGVybSA9IHRoaXMuc2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICB0aGlzLl9maWx0ZXJlZEl0ZW1zID0gdGhpcy5vcmlnaW5hbEl0ZW1zLmZpbHRlcihcbiAgICAgICAgICAoaXRlbSkgPT5cbiAgICAgICAgICAgIGl0ZW0ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsb3dlckNhc2VTZWFyY2hUZXJtKSB8fFxuICAgICAgICAgICAgKGl0ZW0udmFsdWUgJiZcbiAgICAgICAgICAgICAgaXRlbS52YWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGxvd2VyQ2FzZVNlYXJjaFRlcm0pKVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm9uU2VhcmNoLmVtaXQodGhpcy5zZWFyY2hUZXJtKTtcbiAgICB9XG4gIH1cblxuICBoYW5kbGVCdXR0b25DbGljayhhY3Rpb246ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICBhY3Rpb24oKTtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIGhpZ2hsaWdodE1hdGNoKHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XG4gIGNvbnN0IHNlYXJjaCA9IHRoaXMuc2VhcmNoVGV4dD8udHJpbSgpIHx8IHRoaXMuc2VhcmNoVGVybT8udHJpbSgpO1xuICBpZiAoIXNlYXJjaCB8fCAhdGV4dCkgcmV0dXJuIHRleHQ7XG4gIFxuICBjb25zdCBpbmRleCA9IHRleHQudG9Mb3dlckNhc2UoKS5pbmRleE9mKHNlYXJjaC50b0xvd2VyQ2FzZSgpKTtcbiAgaWYgKGluZGV4ID09PSAtMSkgcmV0dXJuIHRleHQ7XG4gIFxuICBjb25zdCBiZWZvcmUgPSB0ZXh0LnN1YnN0cmluZygwLCBpbmRleCk7XG4gIGNvbnN0IG1hdGNoID0gdGV4dC5zdWJzdHJpbmcoaW5kZXgsIGluZGV4ICsgc2VhcmNoLmxlbmd0aCk7XG4gIGNvbnN0IGFmdGVyID0gdGV4dC5zdWJzdHJpbmcoaW5kZXggKyBzZWFyY2gubGVuZ3RoKTtcbiAgXG4gIHJldHVybiBgJHtiZWZvcmV9PHNwYW4gY2xhc3M9XCJoaWdobGlnaHQtdGV4dFwiPiR7bWF0Y2h9PC9zcGFuPiR7YWZ0ZXJ9YDtcbn1cbn1cbiIsIjxkaXZcbiAgI2Ryb3Bkb3duXG4gIGNsYXNzPVwiZHJvcGRvd25cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgb3BlbmVkOiBzaG93Qm9yZGVyICYmIGRyb3Bkb3duT3BlbmVkLFxuICAgIGNsb3NlZDogc2hvd0JvcmRlciAmJiAhZHJvcGRvd25PcGVuZWQsXG4gIH1cIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJkcm9wZG93bi1maWVsZFwiXG4gICAgaWQ9XCJkaXZpc2lvblwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgb3BlbmVkOiBzaG93Qm9yZGVyICYmIGRyb3Bkb3duT3BlbmVkLFxuICAgICAgY2xvc2VkOiBzaG93Qm9yZGVyICYmICFkcm9wZG93bk9wZW5lZCxcbiAgICB9XCJcbiAgICAoY2xpY2spPVwib3BlbkRyb3Bkb3duKClcIlxuICA+XG4gICAgPCEtLSA8ZGl2ICpuZ0lmPVwic2VsZWN0ZWRWYWx1ZXMgIT09ICcnICYmICFzZWxlY3RlZEl0ZW1OYW1lXCIgY2xhc3M9XCJzZWxlY3RlZFwiPlxuICAgICAge3sgc2VsZWN0ZWRWYWx1ZXMgfX1cbiAgICA8L2Rpdj4gLS0+XG4gICAgPGRpdiBjbGFzcz1cImZsZXhTZWN0aW9uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGF0YVNlY3Rpb25cIiAqbmdJZj1cIiFzZWxlY3RlZEl0ZW0gJiYgbXVsdGlwbGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkIHNlbGVjdGVkTGlzdFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHNlbGVjdGVkSXRlbSBvZiBzZWxlY3RlZEl0ZW1zXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtaXRlbVwiPlxuICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZEl0ZW0/LmltYWdlXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm11bHRpU2VsZWN0ZWQtaWNvbi1zaXplXCJcbiAgICAgICAgICAgICAgICBbc3JjXT1cInNlbGVjdGVkSXRlbT8uaW1hZ2VcIlxuICAgICAgICAgICAgICAgIGFsdD1cImltYWdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPHNwYW4+e3sgc2VsZWN0ZWRJdGVtLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiAoY2xpY2spPVwidW5zZWxlY3RJdGVtKHNlbGVjdGVkSXRlbSlcIiBjbGFzcz1cImNsb3NlLWljb25cIlxuICAgICAgICAgICAgICAgID4mdGltZXM7PC9zcGFuXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWZpZWxkXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bl90ZXh0IGlubGluZS1pbnB1dFwiXG4gICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGV4dFwiXG4gICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgIChpbnB1dCk9XCJzZWFyY2goJGV2ZW50KVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImRhdGFTZWN0aW9uXCIgKm5nSWY9XCIhbXVsdGlwbGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWZpZWxkXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LXdpdGgtaWNvblwiPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkSXRlbUltYWdlXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWxlY3RlZC1pY29uLXNpemVcIlxuICAgICAgICAgICAgICBbc3JjXT1cInNlbGVjdGVkSXRlbUltYWdlXCJcbiAgICAgICAgICAgICAgYWx0PVwiaW1hZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duX3RleHQgaW5saW5lLWlucHV0XCJcbiAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZEl0ZW1OYW1lXCJcbiAgICAgICAgICAgICAgKGlucHV0KT1cInNlYXJjaCgkZXZlbnQpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvblNlY3Rpb25cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLWljb25zLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAoY2xpY2spPVwidW5zZWxlY3RBbGwoKVwiXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwICYmIG11bHRpcGxlXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJkZXNlbGVjdFwiXG4gICAgICAgICAgICAgID4mdGltZXM7XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1kb3duLWFycm93XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgb3BlbmVkOiBkcm9wZG93bk9wZW5lZCwgY2xvc2VkOiAhZHJvcGRvd25PcGVuZWQgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjVcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICBjbGFzcz1cImRvd24tYXJyb3ctaW1nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGcgaWQ9XCJEb3duIEFycm93XCI+XG4gICAgICAgICAgICAgICAgPGcgaWQ9XCJHcm91cFwiPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJQYXRoXCJcbiAgICAgICAgICAgICAgICAgICAgZD1cIk02IDkuMTM3NDFMMTIgMTUuMjI5TDE4IDkuMTM3NDFcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCIjOEU5QUEwXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9nPlxuICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLXVwLWFycm93XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgb3BlbmVkOiBkcm9wZG93bk9wZW5lZCwgY2xvc2VkOiAhZHJvcGRvd25PcGVuZWQgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjVcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICBjbGFzcz1cInVwLWFycm93LWltZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0xOCAxNS4yMjlMMTIgOS4xMzc0TDYgMTUuMjI5XCJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCIjOEU5QUEwXCJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjVcIlxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgI2Ryb3Bkb3duSXRlbXNcbiAgICBjbGFzcz1cImRyb3Bkb3duLWl0ZW1zXCJcbiAgICAqbmdJZj1cImRyb3Bkb3duT3BlbmVkXCJcbiAgICAoc2Nyb2xsKT1cImRyb3Bkb3duU2Nyb2xsKCRldmVudClcIlxuICA+XG4gICAgPGRpdiAoY2xpY2spPVwiY3JlYXRlTmV3KClcIj5cbiAgICAgIDxhIGNsYXNzPVwiY3JlYXRlX2J1dHRvblwiICpuZ0lmPVwic2hvd0NyZWF0ZU5ld1wiPkNyZWF0ZSBuZXc8L2E+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1zLmxlbmd0aCA+IDA7IGVsc2Ugbm9EYXRhQXZhaWxhYmxlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibXVsdGlwbGU7IGVsc2Ugc2luZ2xlU2VsZWN0aW9uXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgY29tcGFjdDogIWl0ZW0/LmltYWdlICYmICFpdGVtPy5zdWJMYWJlbCxcbiAgICAgICAgICAgIGV4cGFuZGVkOiBpdGVtPy5pbWFnZSB8fCBpdGVtPy5zdWJMYWJlbFxuICAgICAgICAgIH1cIlxuICAgICAgICAgIGNsYXNzPVwiaXRlbXMgZC1ibG9ja1wiXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgX2ZpbHRlcmVkSXRlbXNcIlxuICAgICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGl0ZW0pXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1pdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1kZXRhaWxzXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0/LmltYWdlXCJcbiAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbT8uaW1hZ2VcIlxuICAgICAgICAgICAgICAgICAgYWx0PVwiSXRlbSBJbWFnZVwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cIml0ZW0taW1hZ2UgaWNvbi1zaXplXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpdGVtLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJoaWdobGlnaHRNYXRjaChpdGVtLmxhYmVsKVwiXG4gICAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd1N1YkxhYmVsXCIgY2xhc3M9XCJpdGVtLXN1YmxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0/LnN1YkxhYmVsIH19XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bl9idXR0b25zXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBjdXN0b21CdXR0b25zXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVCdXR0b25DbGljayhidXR0b24uYWN0aW9uKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cImJ1dHRvbi5pY29uXCIgW3N0eWxlLmNvbG9yXT1cImJ1dHRvbi5jb2xvclwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjc2luZ2xlU2VsZWN0aW9uPlxuICAgICAgICA8YVxuICAgICAgICAgIGNsYXNzPVwiaXRlbXMgZC1ibG9ja1wiXG4gICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgY29tcGFjdDogIWl0ZW0/LmltYWdlICYmICFpdGVtPy5zdWJMYWJlbCxcbiAgICAgICAgICAgIGV4cGFuZGVkOiBpdGVtPy5pbWFnZSB8fCBpdGVtPy5zdWJMYWJlbFxuICAgICAgICAgIH1cIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIF9maWx0ZXJlZEl0ZW1zXCJcbiAgICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24taXRlbVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tZGV0YWlsc1wiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtPy5pbWFnZVwiXG4gICAgICAgICAgICAgICAgICBbc3JjXT1cIml0ZW0/LmltYWdlXCJcbiAgICAgICAgICAgICAgICAgIGFsdD1cIkl0ZW0gSW1hZ2VcIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpdGVtLWltYWdlIGljb24tc2l6ZVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaXRlbS1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaGlnaGxpZ2h0TWF0Y2goaXRlbS5sYWJlbClcIlxuICAgICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInNob3dTdWJMYWJlbFwiIGNsYXNzPVwiaXRlbS1zdWJsYWJlbFwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtPy5zdWJMYWJlbCB9fVxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bl9idXR0b25zXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuZW1wdHldPVwiY3VzdG9tQnV0dG9ucy5sZW5ndGggPT09IDBcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBjdXN0b21CdXR0b25zXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVCdXR0b25DbGljayhidXR0b24uYWN0aW9uKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cImJ1dHRvbi5pY29uXCIgW3N0eWxlLmNvbG9yXT1cImJ1dHRvbi5jb2xvclwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwhLS0gXCJObyBkYXRhIGF2YWlsYWJsZVwiIG1lc3NhZ2UgaWYgdGhlIGRyb3AgZG93biBpcyBlbXB0eSAtLT5cbiAgICA8bmctdGVtcGxhdGUgI25vRGF0YUF2YWlsYWJsZT5cbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtc1wiPk5vIGRhdGEgYXZhaWxhYmxlPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHJvcGRvd24vc3JjL2xpYi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kcm9wZG93bi9zcmMvbGliL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxpQkFBaUI7SUFtQzVCLElBQ0ksS0FBSyxDQUFDLEtBQXFCO1FBQzdCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsd0NBQXdDO1FBQ25GLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE1Q2pDLGtCQUFhLEdBQVUsRUFBRSxDQUFDO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXpCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBQzVCLGtCQUFhLEdBS2hCLEVBQUUsQ0FBQztRQUNBLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUM3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QTRDSCxRQUFRO3NCQUE5QixTQUFTO3VCQUFDLFVBQVU7Z0JBRXJCLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRHJvcGRvd25JdGVtIH0gZnJvbSBcIi4vZHJvcGRvd24ubW9kZWxcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImxpYi1kcm9wZG93blwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9kcm9wZG93bi5jb21wb25lbnQuc2Nzc1wiXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbXVsdGlwbGUhOiBib29sZWFuO1xuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW1zOiBhbnlbXSA9IFtdO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogU3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgc2hvd0NyZWF0ZU5ldyE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNlbGVjdGVkVmFsdWVzOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBjdXN0b21CdXR0b25zOiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBpY29uOiBzdHJpbmc7XG4gICAgY29sb3I6IHN0cmluZztcbiAgICBhY3Rpb246ICgpID0+IHZvaWQ7XG4gIH1bXSA9IFtdO1xuICBASW5wdXQoKSBzaG93Qm9yZGVyOiBib29sZWFuID0gdHJ1ZTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkSXRlbXNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnlbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIGFueVtdXG4gID4oKTtcbiAgQE91dHB1dCgpIG9uRHJvcGRvd25TY3JvbGw6IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgb25DcmVhdGVOZXc6IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgb25TZWFyY2g6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIC8vc3ViTGFiZWxcbiAgQElucHV0KCkgc2hvd1N1YkxhYmVsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgZHJvcGRvd25PcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgc2VsZWN0ZWRJdGVtOiBhbnk7XG4gIHNlbGVjdGVkSXRlbU5hbWU6IHN0cmluZyA9IFwiXCI7XG4gIHNlbGVjdGVkSXRlbUltYWdlOiBzdHJpbmcgPSBcIlwiO1xuICBvcmlnaW5hbEl0ZW1zOiBEcm9wZG93bkl0ZW1bXSA9IFtdO1xuICBzZWFyY2hUZXJtOiBzdHJpbmcgPSBcIlwiO1xuICBpbml0aWFsaXplZDogYm9vbGVhbiA9IGZhbHNlO1xuICBzZWFyY2hUZXh0OiBzdHJpbmcgPSBcIlwiO1xuICBfZmlsdGVyZWRJdGVtczogRHJvcGRvd25JdGVtW10gPSBbXTtcblxuICBwcml2YXRlIF9pdGVtczogRHJvcGRvd25JdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBzZXQgaXRlbXModmFsdWU6IERyb3Bkb3duSXRlbVtdKSB7XG4gICAgdGhpcy5faXRlbXMgPSB2YWx1ZSB8fCBbXTtcbiAgICB0aGlzLm9yaWdpbmFsSXRlbXMgPSB0aGlzLl9pdGVtcy5zbGljZSgpO1xuICAgIHRoaXMuX2ZpbHRlcmVkSXRlbXMgPSB0aGlzLl9pdGVtcy5zbGljZSgpOyAvLyB1c2UgYSBzZXBhcmF0ZSB2YXJpYWJsZSBmb3IgcmVuZGVyaW5nXG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgZ2V0IGl0ZW1zKCk6IERyb3Bkb3duSXRlbVtdIHtcbiAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG5cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbXCJzZWxlY3RlZEl0ZW1zXCJdKSB7XG4gICAgICBjb25zdCBpdGVtID0gY2hhbmdlc1tcInNlbGVjdGVkSXRlbXNcIl1bXCJjdXJyZW50VmFsdWVcIl07XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSBpdGVtO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1OYW1lID0gdGhpcy5zZWxlY3RlZEl0ZW1zWzBdPy5sYWJlbDtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtSW1hZ2UgPSB0aGlzLnNlbGVjdGVkSXRlbXNbMF0/LmltYWdlO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1tcIml0ZW1zXCJdKSB7XG4gICAgICB0aGlzLmluaXRpYWxpemUoKTtcbiAgICAgIHRoaXMub3JpZ2luYWxJdGVtcyA9IHRoaXMuaXRlbXMuc2xpY2UoKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1tcInNlbGVjdGVkVmFsdWVzXCJdKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbU5hbWUgPSB0aGlzLnNlbGVjdGVkVmFsdWVzO1xuICAgIH1cbiAgfVxuXG4gIGluaXRpYWxpemUoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5zZWxlY3RlZEl0ZW1zICYmIHRoaXMuc2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xuICAgICAgICAgIHRoaXMuc2VhcmNoVGV4dCA9IFwiXCI7XG4gICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1OYW1lID0gdGhpcy5zZWxlY3RlZEl0ZW1zWzBdPy5sYWJlbDtcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbUltYWdlID0gdGhpcy5zZWxlY3RlZEl0ZW1zWzBdPy5pbWFnZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sIDEwMDApO1xuICAgIGNvbnN0IHVuaXF1ZUl0ZW1zID0gdGhpcy5pdGVtcy5maWx0ZXIoXG4gICAgICAoc2VsZWN0ZWQsIGluZGV4LCBzZWxmKSA9PlxuICAgICAgICBpbmRleCA9PT0gc2VsZi5maW5kSW5kZXgoKHQpID0+IHQudmFsdWUgPT09IHNlbGVjdGVkLnZhbHVlKVxuICAgICk7XG5cbiAgICB0aGlzLml0ZW1zID0gdW5pcXVlSXRlbXM7XG4gIH1cblxuICBvcGVuRHJvcGRvd24oKSB7XG4gICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9ICF0aGlzLmRyb3Bkb3duT3BlbmVkO1xuICB9XG5cbiAgQFZpZXdDaGlsZChcImRyb3Bkb3duSXRlbXNcIikgZHJvcGRvd25pdGVtcyE6IEVsZW1lbnRSZWY8YW55PjtcbiAgZHJvcGRvd25TY3JvbGwoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9uRHJvcGRvd25TY3JvbGwub2JzZXJ2ZWQpIHtcbiAgICAgIHRoaXMub25Ecm9wZG93blNjcm9sbC5lbWl0KGV2ZW50KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdEl0ZW0oaXRlbTogYW55KSB7XG4gICAgaWYgKHRoaXMubXVsdGlwbGUpIHtcbiAgICAgIGlmICghdGhpcy5zZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKGl0ZW0pKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtcy5wdXNoKGl0ZW0pO1xuICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gdGhpcy5zZWxlY3RlZEl0ZW1zLmZpbHRlcihcbiAgICAgICAgICAoc2VsZWN0ZWQ6IGFueSkgPT4gc2VsZWN0ZWQgIT09IGl0ZW1cbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZEl0ZW1zKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gXCJcIjtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtc1swXSA9IGl0ZW07XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbU5hbWUgPSB0aGlzLnNlbGVjdGVkSXRlbXNbMF0/LmxhYmVsO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbWFnZSA9IHRoaXMuc2VsZWN0ZWRJdGVtc1swXT8uaW1hZ2U7XG4gICAgICB0aGlzLmRyb3Bkb3duT3BlbmVkID0gZmFsc2U7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgIH1cbiAgfVxuXG4gIHVuc2VsZWN0SXRlbShpdGVtOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSB0aGlzLnNlbGVjdGVkSXRlbXMuZmlsdGVyKFxuICAgICAgKHNlbGVjdGVkOiBhbnkpID0+IHNlbGVjdGVkICE9PSBpdGVtXG4gICAgKTtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICB9XG5cbiAgdW5zZWxlY3RBbGwoKSB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW107XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1OYW1lID0gXCJcIjtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbUltYWdlID0gXCJcIjtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgQFZpZXdDaGlsZChcImRyb3Bkb3duXCIpIGRyb3Bkb3duITogRWxlbWVudFJlZjtcbiAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIsIFtcIiRldmVudFwiXSlcbiAgb25Eb2N1bWVudENsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlzQ2xpY2tJbnNpZGVEcm9wZG93biA9IHRoaXMuZHJvcGRvd24ubmF0aXZlRWxlbWVudC5jb250YWlucyhcbiAgICAgIGV2ZW50LnRhcmdldFxuICAgICk7XG5cbiAgICBpZiAoIWlzQ2xpY2tJbnNpZGVEcm9wZG93bikge1xuICAgICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIGNyZWF0ZU5ldygpIHtcbiAgICB0aGlzLm9uQ3JlYXRlTmV3LmVtaXQoKTtcbiAgICB0aGlzLmRyb3Bkb3duT3BlbmVkID0gZmFsc2U7XG4gIH1cblxuICBzZWFyY2goZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGNvbnN0IGtleUNvZGUgPSBldmVudC5rZXlDb2RlO1xuICAgIHRoaXMuZHJvcGRvd25PcGVuZWQgPSB0cnVlO1xuICAgIHRoaXMuc2VhcmNoVGVybSA9IGV2ZW50LnRhcmdldC52YWx1ZS50b0xvd2VyQ2FzZSgpO1xuICAgIGlmICghdGhpcy5vblNlYXJjaC5vYnNlcnZlZCkge1xuICAgICAgaWYgKHRoaXMuc2VhcmNoVGVybS50cmltKCkgPT09IFwiXCIpIHtcbiAgICAgICAgaWYgKCF0aGlzLm11bHRpcGxlKSB7XG4gICAgICAgICAgdGhpcy51bnNlbGVjdEFsbCgpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuX2ZpbHRlcmVkSXRlbXMgPSB0aGlzLm9yaWdpbmFsSXRlbXMuc2xpY2UoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IGxvd2VyQ2FzZVNlYXJjaFRlcm0gPSB0aGlzLnNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKTtcbiAgICAgICAgdGhpcy5fZmlsdGVyZWRJdGVtcyA9IHRoaXMub3JpZ2luYWxJdGVtcy5maWx0ZXIoXG4gICAgICAgICAgKGl0ZW0pID0+XG4gICAgICAgICAgICBpdGVtLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMobG93ZXJDYXNlU2VhcmNoVGVybSkgfHxcbiAgICAgICAgICAgIChpdGVtLnZhbHVlICYmXG4gICAgICAgICAgICAgIGl0ZW0udmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsb3dlckNhc2VTZWFyY2hUZXJtKSlcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5vblNlYXJjaC5lbWl0KHRoaXMuc2VhcmNoVGVybSk7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlQnV0dG9uQ2xpY2soYWN0aW9uOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgYWN0aW9uKCk7XG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XG4gIH1cblxuICBoaWdobGlnaHRNYXRjaCh0ZXh0OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IHNlYXJjaCA9IHRoaXMuc2VhcmNoVGV4dD8udHJpbSgpIHx8IHRoaXMuc2VhcmNoVGVybT8udHJpbSgpO1xuICAgIGlmICghc2VhcmNoIHx8ICF0ZXh0KSByZXR1cm4gdGV4dDtcblxuICAgIGNvbnN0IGluZGV4ID0gdGV4dC50b0xvd2VyQ2FzZSgpLmluZGV4T2Yoc2VhcmNoLnRvTG93ZXJDYXNlKCkpO1xuICAgIGlmIChpbmRleCA9PT0gLTEpIHJldHVybiB0ZXh0O1xuXG4gICAgY29uc3QgYmVmb3JlID0gdGV4dC5zdWJzdHJpbmcoMCwgaW5kZXgpO1xuICAgIGNvbnN0IG1hdGNoID0gdGV4dC5zdWJzdHJpbmcoaW5kZXgsIGluZGV4ICsgc2VhcmNoLmxlbmd0aCk7XG4gICAgY29uc3QgYWZ0ZXIgPSB0ZXh0LnN1YnN0cmluZyhpbmRleCArIHNlYXJjaC5sZW5ndGgpO1xuXG4gICAgcmV0dXJuIGAke2JlZm9yZX08c3BhbiBjbGFzcz1cImhpZ2hsaWdodC10ZXh0XCI+JHttYXRjaH08L3NwYW4+JHthZnRlcn1gO1xuICB9XG59XG4iLCI8ZGl2XG4gICNkcm9wZG93blxuICBjbGFzcz1cImRyb3Bkb3duXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIG9wZW5lZDogc2hvd0JvcmRlciAmJiBkcm9wZG93bk9wZW5lZCxcbiAgICBjbG9zZWQ6IHNob3dCb3JkZXIgJiYgIWRyb3Bkb3duT3BlbmVkLFxuICB9XCJcbj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZHJvcGRvd24tZmllbGRcIlxuICAgIGlkPVwiZGl2aXNpb25cIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgIG9wZW5lZDogc2hvd0JvcmRlciAmJiBkcm9wZG93bk9wZW5lZCxcbiAgICAgIGNsb3NlZDogc2hvd0JvcmRlciAmJiAhZHJvcGRvd25PcGVuZWQsXG4gICAgfVwiXG4gICAgKGNsaWNrKT1cIm9wZW5Ecm9wZG93bigpXCJcbiAgPlxuICAgIDwhLS0gPGRpdiAqbmdJZj1cInNlbGVjdGVkVmFsdWVzICE9PSAnJyAmJiAhc2VsZWN0ZWRJdGVtTmFtZVwiIGNsYXNzPVwic2VsZWN0ZWRcIj5cbiAgICAgIHt7IHNlbGVjdGVkVmFsdWVzIH19XG4gICAgPC9kaXY+IC0tPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4U2VjdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cImRhdGFTZWN0aW9uXCIgKm5nSWY9XCIhc2VsZWN0ZWRJdGVtICYmIG11bHRpcGxlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3RlZCBzZWxlY3RlZExpc3RcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzZWxlY3RlZEl0ZW0gb2Ygc2VsZWN0ZWRJdGVtc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkLWl0ZW1cIj5cbiAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRJdGVtPy5pbWFnZVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJtdWx0aVNlbGVjdGVkLWljb24tc2l6ZVwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJzZWxlY3RlZEl0ZW0/LmltYWdlXCJcbiAgICAgICAgICAgICAgICBhbHQ9XCJpbWFnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxzcGFuPnt7IHNlbGVjdGVkSXRlbS5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cInVuc2VsZWN0SXRlbShzZWxlY3RlZEl0ZW0pXCIgY2xhc3M9XCJjbG9zZS1pY29uXCJcbiAgICAgICAgICAgICAgICA+JnRpbWVzOzwvc3BhblxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1maWVsZFwiPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd25fdGV4dCBpbmxpbmUtaW5wdXRcIlxuICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlYXJjaFRleHRcIlxuICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAoaW5wdXQpPVwic2VhcmNoKCRldmVudClcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYXRhU2VjdGlvbiBzaW5nbGUtaW5wdXRcIiAqbmdJZj1cIiFtdWx0aXBsZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZmllbGRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtd2l0aC1pY29uXCI+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRJdGVtSW1hZ2VcIlxuICAgICAgICAgICAgICBjbGFzcz1cInNlbGVjdGVkLWljb24tc2l6ZVwiXG4gICAgICAgICAgICAgIFtzcmNdPVwic2VsZWN0ZWRJdGVtSW1hZ2VcIlxuICAgICAgICAgICAgICBhbHQ9XCJpbWFnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd25fdGV4dCBpbmxpbmUtaW5wdXRcIlxuICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkSXRlbU5hbWVcIlxuICAgICAgICAgICAgICAoaW5wdXQpPVwic2VhcmNoKCRldmVudClcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uU2VjdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24taWNvbnMtY29udGFpbmVyXCI+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIChjbGljayk9XCJ1bnNlbGVjdEFsbCgpXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZEl0ZW1zLmxlbmd0aCA+IDAgJiYgbXVsdGlwbGVcIlxuICAgICAgICAgICAgICBjbGFzcz1cImRlc2VsZWN0XCJcbiAgICAgICAgICAgICAgPiZ0aW1lcztcbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWRvd24tYXJyb3dcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IGRyb3Bkb3duT3BlbmVkLCBjbG9zZWQ6ICFkcm9wZG93bk9wZW5lZCB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgIHdpZHRoPVwiMWVtXCJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNVwiXG4gICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiZG93bi1hcnJvdy1pbWdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZyBpZD1cIkRvd24gQXJyb3dcIj5cbiAgICAgICAgICAgICAgICA8ZyBpZD1cIkdyb3VwXCI+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cIlBhdGhcIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTYgOS4xMzc0MUwxMiAxNS4yMjlMMTggOS4xMzc0MVwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZT1cIiM4RTlBQTBcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24tdXAtYXJyb3dcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IGRyb3Bkb3duT3BlbmVkLCBjbG9zZWQ6ICFkcm9wZG93bk9wZW5lZCB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgIHdpZHRoPVwiMWVtXCJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNVwiXG4gICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwidXAtYXJyb3ctaW1nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTE4IDE1LjIyOUwxMiA5LjEzNzRMNiAxNS4yMjlcIlxuICAgICAgICAgICAgICAgIHN0cm9rZT1cIiM4RTlBQTBcIlxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXZcbiAgICAjZHJvcGRvd25JdGVtc1xuICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbXNcIlxuICAgICpuZ0lmPVwiZHJvcGRvd25PcGVuZWRcIlxuICAgIChzY3JvbGwpPVwiZHJvcGRvd25TY3JvbGwoJGV2ZW50KVwiXG4gID5cbiAgICA8ZGl2IChjbGljayk9XCJjcmVhdGVOZXcoKVwiPlxuICAgICAgPGEgY2xhc3M9XCJjcmVhdGVfYnV0dG9uXCIgKm5nSWY9XCJzaG93Q3JlYXRlTmV3XCI+Q3JlYXRlIG5ldzwvYT5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbXMubGVuZ3RoID4gMDsgZWxzZSBub0RhdGFBdmFpbGFibGVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtdWx0aXBsZTsgZWxzZSBzaW5nbGVTZWxlY3Rpb25cIj5cbiAgICAgICAgPGFcbiAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBjb21wYWN0OiAhaXRlbT8uaW1hZ2UgJiYgIWl0ZW0/LnN1YkxhYmVsLFxuICAgICAgICAgICAgZXhwYW5kZWQ6IGl0ZW0/LmltYWdlIHx8IGl0ZW0/LnN1YkxhYmVsXG4gICAgICAgICAgfVwiXG4gICAgICAgICAgY2xhc3M9XCJpdGVtcyBkLWJsb2NrXCJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBfZmlsdGVyZWRJdGVtc1wiXG4gICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oaXRlbSlcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLWl0ZW1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWRldGFpbHNcIj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbT8uaW1hZ2VcIlxuICAgICAgICAgICAgICAgICAgW3NyY109XCJpdGVtPy5pbWFnZVwiXG4gICAgICAgICAgICAgICAgICBhbHQ9XCJJdGVtIEltYWdlXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaXRlbS1pbWFnZSBpY29uLXNpemVcIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIml0ZW0tbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cImhpZ2hsaWdodE1hdGNoKGl0ZW0ubGFiZWwpXCJcbiAgICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzaG93U3ViTGFiZWxcIiBjbGFzcz1cIml0ZW0tc3VibGFiZWxcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaXRlbT8uc3ViTGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duX2J1dHRvbnNcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5lbXB0eV09XCJjdXN0b21CdXR0b25zLmxlbmd0aCA9PT0gMFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGN1c3RvbUJ1dHRvbnNcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbi5hY3Rpb24pXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8aSBbY2xhc3NdPVwiYnV0dG9uLmljb25cIiBbc3R5bGUuY29sb3JdPVwiYnV0dG9uLmNvbG9yXCI+PC9pPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2E+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLXRlbXBsYXRlICNzaW5nbGVTZWxlY3Rpb24+XG4gICAgICAgIDxhXG4gICAgICAgICAgY2xhc3M9XCJpdGVtcyBkLWJsb2NrXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBjb21wYWN0OiAhaXRlbT8uaW1hZ2UgJiYgIWl0ZW0/LnN1YkxhYmVsLFxuICAgICAgICAgICAgZXhwYW5kZWQ6IGl0ZW0/LmltYWdlIHx8IGl0ZW0/LnN1YkxhYmVsXG4gICAgICAgICAgfVwiXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgX2ZpbHRlcmVkSXRlbXNcIlxuICAgICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGl0ZW0pXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1pdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1kZXRhaWxzXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0/LmltYWdlXCJcbiAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbT8uaW1hZ2VcIlxuICAgICAgICAgICAgICAgICAgYWx0PVwiSXRlbSBJbWFnZVwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cIml0ZW0taW1hZ2UgaWNvbi1zaXplXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpdGVtLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJoaWdobGlnaHRNYXRjaChpdGVtLmxhYmVsKVwiXG4gICAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd1N1YkxhYmVsXCIgY2xhc3M9XCJpdGVtLXN1YmxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0/LnN1YkxhYmVsIH19XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duX2J1dHRvbnNcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5lbXB0eV09XCJjdXN0b21CdXR0b25zLmxlbmd0aCA9PT0gMFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGN1c3RvbUJ1dHRvbnNcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbi5hY3Rpb24pXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8aSBbY2xhc3NdPVwiYnV0dG9uLmljb25cIiBbc3R5bGUuY29sb3JdPVwiYnV0dG9uLmNvbG9yXCI+PC9pPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2E+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPCEtLSBcIk5vIGRhdGEgYXZhaWxhYmxlXCIgbWVzc2FnZSBpZiB0aGUgZHJvcCBkb3duIGlzIGVtcHR5IC0tPlxuICAgIDxuZy10ZW1wbGF0ZSAjbm9EYXRhQXZhaWxhYmxlPlxuICAgICAgPGRpdiBjbGFzcz1cIml0ZW1zXCI+Tm8gZGF0YSBhdmFpbGFibGU8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/piserve-tech-drop-down.mjs

@@ -51,11 +51,7 @@ class DropdownComponent {
         this._filteredItems = [];
         this._items = [];
     }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        this.initialize();
-    }
+    ngOnInit() { }
     ngOnChanges(changes) {
         if (changes["selectedItems"]) {
             const item = changes["selectedItems"]["currentValue"];
@@ -64,6 +60,7 @@ class DropdownComponent {
             this.selectedItemImage = this.selectedItems[0]?.image;
         }
         if (changes["items"]) {
+            this.initialize();
             this.originalItems = this.items.slice();
             this.cdr.markForCheck();
         }
@@ -173,11 +170,11 @@ class DropdownComponent {
         return `${before}<span class="highlight-text">${match}</span>${after}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { multiple: "multiple", selectedItems: "selectedItems", placeholder: "placeholder", showCreateNew: "showCreateNew", selectedValues: "selectedValues", customButtons: "customButtons", showBorder: "showBorder", showSubLabel: "showSubLabel", items: "items" }, outputs: { buttonClick: "buttonClick", selectedItemsChange: "selectedItemsChange", onDropdownScroll: "onDropdownScroll", onCreateNew: "onCreateNew", onSearch: "onSearch" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownitems", first: true, predicate: ["dropdownItems"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"dropdown_buttons\">\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { multiple: "multiple", selectedItems: "selectedItems", placeholder: "placeholder", showCreateNew: "showCreateNew", selectedValues: "selectedValues", customButtons: "customButtons", showBorder: "showBorder", showSubLabel: "showSubLabel", items: "items" }, outputs: { buttonClick: "buttonClick", selectedItemsChange: "selectedItemsChange", onDropdownScroll: "onDropdownScroll", onCreateNew: "onCreateNew", onSearch: "onSearch" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownitems", first: true, predicate: ["dropdownItems"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection single-input\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n            <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.single-input{width:80%;white-space:nowrap}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: "lib-dropdown", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"dropdown_buttons\">\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"] }]
+            args: [{ selector: "lib-dropdown", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection single-input\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n            <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".dropdown{background:#fff;border-radius:6px}.dropdown .dropdown-field{background:#fff;border-radius:6px;position:relative;cursor:pointer}.dropdown .dropdown-field .selected.selectedList{display:flex;flex-wrap:wrap;max-height:70px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-field .selected .selected-item{background:#e3e3da;display:inline;margin:5px;padding:2px;border-radius:5px;font-size:small}.dropdown .dropdown-field .selected .remaining-items{margin:5px;padding:2px;font-size:smaller;display:block}.dropdown .dropdown-field .input-field .dropdown_text{width:100%;border:none;padding:2px;margin-left:3px;margin-right:3px;outline:none;box-sizing:border-box;font-style:normal}@media (max-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media (max-width: 420px){.dropdown .dropdown-field .input-field .dropdown_text{width:53%;margin-left:3px;padding-left:2px}}@media only screen and (min-width: 576px){.dropdown .dropdown-field .input-field .dropdown_text{height:25px}}@media only screen and (min-width: 992px){.dropdown .dropdown-field .input-field .dropdown_text{height:30px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-field .input-field .dropdown_text{height:35px}}.dropdown .dropdown-field.closed{border:1px solid #d8d8d8}.dropdown .dropdown-field.opened{border-bottom:1px solid #d8d8d8}.dropdown .dropdown-items{overflow-y:auto;overflow-x:auto;position:absolute!important;top:100%;left:0;width:100%;background:#fff;z-index:9999999;border:solid 1px #dbdbdb;box-shadow:0 4px 4px -5px #00000040;transition:transform .3s ease-out;scroll-behavior:smooth;cursor:pointer}@media only screen and (min-width: 276px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 576px){.dropdown .dropdown-items{max-height:150px;padding:3px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items{max-height:150px;padding:5px}}@media only screen and (min-width: 1441px){.dropdown .dropdown-items{max-height:200px;padding:7px}}.dropdown .dropdown-items .create_button{text-decoration:none;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .create_button{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .create_button{padding-left:8px}}.dropdown .dropdown-items .items{text-decoration:none;color:inherit;position:relative;cursor:pointer}@media only screen and (min-width: 576px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}@media only screen and (min-width: 992px){.dropdown .dropdown-items .items{padding-left:8px}}@media only screen and (min-width: 1200px){.dropdown .dropdown-items .items{padding-left:8px;font-size:small}}.dropdown .dropdown-items .items:hover{background:#ebedef;border-radius:6px}.dropdown .dropdown-items .items:hover button{visibility:visible}.dropdown .dropdown-items .items .dropdown_buttons{display:inline}.dropdown .dropdown-items .items button{border:0;background:transparent;visibility:hidden}.dropdown.opened{border:1px #d8d8d8 solid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:6px}.space{width:10px}.icon-size{width:30px;height:30px;margin-right:7px}.smallSpace{width:3px}.selected-icon-size{width:25px;height:20px;margin-left:10px}@media (max-width: 576px){.selected-icon-size{width:21px;height:15px;margin-right:7px;margin-bottom:1px}}.multiSelected-icon-size{width:25px;height:20px;margin-left:1px;margin-bottom:1px;margin-right:3px}.flexSection{display:flex;justify-content:space-between}.dropdown-down-arrow,.dropdown-up-arrow,.deselect{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-down-arrow{cursor:pointer}.dropdown-down-arrow.opened{display:none}.dropdown-down-arrow.closed{display:block}.dropdown-up-arrow{cursor:pointer}.dropdown-up-arrow.closed{display:none}.close-icon{margin-left:8px;margin-right:5px}.iconSection{display:flex;flex-direction:row-reverse;padding:1px;position:relative;justify-content:center;align-items:center}.dropdown-icons-container{display:flex;gap:10px}.item-details{display:flex;align-items:center;justify-content:space-between}.content-wrapper{display:flex;align-items:center;gap:8px;flex:1}.text-content{display:flex;flex-direction:column}.item-label{font-size:14px;font-weight:400;line-height:1.3}.item-sublabel{font-size:11px;color:#666;line-height:1.2}.dropdown_buttons{display:flex;gap:4px}.dropdown_buttons.empty:after{content:\"\";display:inline-block;width:4px;height:1px}.compact{line-height:32px}.expanded{line-height:41px}.input-field{width:100%}.input-with-icon{display:flex;align-items:center;gap:8px;width:100%}.selected-icon-size{width:20px;height:20px;flex-shrink:0}.dropdown_text.inline-input{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:inherit;color:inherit}.single-input{width:80%;white-space:nowrap}.item-label{font-size:14px;line-height:1.4;color:#333}.highlight-text{font-weight:600;background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;padding:.1em .05em;border-radius:2px;color:#1a1a1a;transition:all .2s ease-in-out}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { multiple: [{
                 type: Input
             }], selectedItems: [{

package/fesm2022/piserve-tech-drop-down.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"piserve-tech-drop-down.mjs","sources":["../../../projects/dropdown/src/lib/dropdown.service.ts","../../../projects/dropdown/src/lib/dropdown.component.ts","../../../projects/dropdown/src/lib/dropdown.component.html","../../../projects/dropdown/src/lib/dropdown.module.ts","../../../projects/dropdown/src/public-api.ts","../../../projects/dropdown/src/piserve-tech-drop-down.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DropdownService {\n\n  constructor() { }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from \"@angular/core\";\nimport { DropdownItem } from \"./dropdown.model\";\n\n@Component({\n  selector: \"lib-dropdown\",\n  templateUrl: \"./dropdown.component.html\",\n  styleUrls: [\"./dropdown.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent implements OnInit {\n  @Input() multiple!: boolean;\n  @Input() selectedItems: any[] = [];\n  @Input() placeholder: String = \"\";\n  @Input() showCreateNew!: boolean;\n  @Input() selectedValues: string = \"\";\n  @Input() customButtons: {\n    label: string;\n    icon: string;\n    color: string;\n    action: () => void;\n  }[] = [];\n  @Input() showBorder: boolean = true;\n  @Output() buttonClick: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() selectedItemsChange: EventEmitter<any[]> = new EventEmitter<\n    any[]\n  >();\n  @Output() onDropdownScroll: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() onCreateNew: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() onSearch: EventEmitter<string> = new EventEmitter<string>();\n  //subLabel\n  @Input() showSubLabel: boolean = false;\n\n  dropdownOpened: boolean = false;\n  selectedItem: any;\n  selectedItemName: string = \"\";\n  selectedItemImage: string = \"\";\n  originalItems: DropdownItem[] = [];\n  searchTerm: string = \"\";\n  initialized: boolean = false;\n  searchText: string = \"\";\n  _filteredItems: DropdownItem[] = [];\n\n  private _items: DropdownItem[] = [];\n\n  @Input()\n  set items(value: DropdownItem[]) {\n    this._items = value || [];\n    this.originalItems = this._items.slice();\n    this._filteredItems = this._items.slice(); // use a separate variable for rendering\n    this.cdr.markForCheck();\n  }\n  get items(): DropdownItem[] {\n    return this._items;\n  }\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n  \n  }\n\n   ngAfterViewInit(): void {\n    this.initialize(); \n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes[\"selectedItems\"]) {\n      const item = changes[\"selectedItems\"][\"currentValue\"];\n      this.selectedItems = item;\n      this.selectedItemName = this.selectedItems[0]?.label;\n      this.selectedItemImage = this.selectedItems[0]?.image;\n    }\n    if (changes[\"items\"]) {\n      this.originalItems = this.items.slice();  \n      this.cdr.markForCheck(); \n    }\n    if (changes[\"selectedValues\"]) {\n      this.selectedItemName = this.selectedValues;\n    }\n  }\n\n  initialize() {\n    setTimeout(() => {\n      if (this.selectedItems && this.selectedItems.length > 0) {\n        if (!this.multiple){\n          this.searchText = \"\";\n          this.selectedItemName = this.selectedItems[0]?.label;\n          this.selectedItemImage = this.selectedItems[0]?.image;\n        } \n      }\n    }, 1000);\n    const uniqueItems = this.items.filter(\n      (selected, index, self) =>\n        index === self.findIndex((t) => t.value === selected.value)\n    );\n    \n    this.items = uniqueItems;\n    \n  }\n\n  openDropdown() {\n    this.dropdownOpened = !this.dropdownOpened;\n  }\n\n  @ViewChild(\"dropdownItems\") dropdownitems!: ElementRef<any>;\n  dropdownScroll(event: any): void {\n    if (this.onDropdownScroll.observed) {\n      this.onDropdownScroll.emit(event);\n      this.cdr.markForCheck();\n    }\n  }\n\n  selectItem(item: any) {\n    if (this.multiple) {\n      if (!this.selectedItems.includes(item)) {\n        this.selectedItems.push(item);\n        this.selectedItemsChange.emit(this.selectedItems);\n      } else {\n        this.selectedItems = this.selectedItems.filter(\n          (selected: any) => selected !== item\n        );\n        this.selectedItemsChange.emit(this.selectedItems);\n      }\n    } else {\n      this.searchText = \"\";\n      this.selectedItems[0] = item;\n      this.selectedItemName = this.selectedItems[0]?.label;\n      this.selectedItemImage = this.selectedItems[0]?.image;\n      this.dropdownOpened = false;\n      this.selectedItemsChange.emit(this.selectedItems);\n    }\n  }\n\n  unselectItem(item: any): void {\n    this.selectedItems = this.selectedItems.filter(\n      (selected: any) => selected !== item\n    );\n    this.selectedItemsChange.emit(this.selectedItems);\n  }\n\n  unselectAll() {\n    this.selectedItems = [];\n    this.selectedItemName = \"\";\n    this.selectedItemImage = \"\";\n    this.selectedItemsChange.emit(this.selectedItems);\n    this.cdr.markForCheck();\n  }\n\n  @ViewChild(\"dropdown\") dropdown!: ElementRef;\n  @HostListener(\"document:click\", [\"$event\"])\n  onDocumentClick(event: Event): void {\n    const isClickInsideDropdown = this.dropdown.nativeElement.contains(\n      event.target\n    );\n\n    if (!isClickInsideDropdown) {\n      \n      this.dropdownOpened = false;\n    }\n  }\n\n  createNew() {\n    this.onCreateNew.emit();\n    this.dropdownOpened = false;\n  }\n\n  search(event: any): void {\n    const keyCode = event.keyCode;\n    this.dropdownOpened = true;\n    this.searchTerm = event.target.value.toLowerCase();\n    if (!this.onSearch.observed) {\n      if (this.searchTerm.trim() === \"\") {\n        if (!this.multiple) {\n          this.unselectAll();\n        }\n        this._filteredItems = this.originalItems.slice();\n      } else {\n        const lowerCaseSearchTerm = this.searchTerm.toLowerCase();\n        this._filteredItems = this.originalItems.filter(\n          (item) =>\n            item.label.toLowerCase().includes(lowerCaseSearchTerm) ||\n            (item.value &&\n              item.value.toLowerCase().includes(lowerCaseSearchTerm))\n        );\n      }\n    } else {\n      this.onSearch.emit(this.searchTerm);\n    }\n  }\n\n  handleButtonClick(action: () => void): void {\n    action();\n    this.buttonClick.emit();\n  }\n\n  highlightMatch(text: string): string {\n  const search = this.searchText?.trim() || this.searchTerm?.trim();\n  if (!search || !text) return text;\n  \n  const index = text.toLowerCase().indexOf(search.toLowerCase());\n  if (index === -1) return text;\n  \n  const before = text.substring(0, index);\n  const match = text.substring(index, index + search.length);\n  const after = text.substring(index + search.length);\n  \n  return `${before}<span class=\"highlight-text\">${match}</span>${after}`;\n}\n}\n","<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"dropdown_buttons\">\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { DropdownComponent } from './dropdown.component';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\n\n\n@NgModule({\n  declarations: [\n    DropdownComponent\n  ],\n  imports: [\n    FormsModule,\n    CommonModule,\n  ],\n  exports: [\n    DropdownComponent\n  ]\n})\nexport class DropdownModule { }\n","/*\n * Public API Surface of dropdown\n */\n\nexport * from './lib/dropdown.service';\nexport * from './lib/dropdown.component';\nexport * from './lib/dropdown.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"piserve-tech-drop-down.mjs","sources":["../../../projects/dropdown/src/lib/dropdown.service.ts","../../../projects/dropdown/src/lib/dropdown.component.ts","../../../projects/dropdown/src/lib/dropdown.component.html","../../../projects/dropdown/src/lib/dropdown.module.ts","../../../projects/dropdown/src/public-api.ts","../../../projects/dropdown/src/piserve-tech-drop-down.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DropdownService {\n\n  constructor() { }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from \"@angular/core\";\nimport { DropdownItem } from \"./dropdown.model\";\n\n@Component({\n  selector: \"lib-dropdown\",\n  templateUrl: \"./dropdown.component.html\",\n  styleUrls: [\"./dropdown.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent implements OnInit {\n  @Input() multiple!: boolean;\n  @Input() selectedItems: any[] = [];\n  @Input() placeholder: String = \"\";\n  @Input() showCreateNew!: boolean;\n  @Input() selectedValues: string = \"\";\n  @Input() customButtons: {\n    label: string;\n    icon: string;\n    color: string;\n    action: () => void;\n  }[] = [];\n  @Input() showBorder: boolean = true;\n  @Output() buttonClick: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() selectedItemsChange: EventEmitter<any[]> = new EventEmitter<\n    any[]\n  >();\n  @Output() onDropdownScroll: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() onCreateNew: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() onSearch: EventEmitter<string> = new EventEmitter<string>();\n  //subLabel\n  @Input() showSubLabel: boolean = false;\n\n  dropdownOpened: boolean = false;\n  selectedItem: any;\n  selectedItemName: string = \"\";\n  selectedItemImage: string = \"\";\n  originalItems: DropdownItem[] = [];\n  searchTerm: string = \"\";\n  initialized: boolean = false;\n  searchText: string = \"\";\n  _filteredItems: DropdownItem[] = [];\n\n  private _items: DropdownItem[] = [];\n\n  @Input()\n  set items(value: DropdownItem[]) {\n    this._items = value || [];\n    this.originalItems = this._items.slice();\n    this._filteredItems = this._items.slice(); // use a separate variable for rendering\n    this.cdr.markForCheck();\n  }\n  get items(): DropdownItem[] {\n    return this._items;\n  }\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {}\n\n\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes[\"selectedItems\"]) {\n      const item = changes[\"selectedItems\"][\"currentValue\"];\n      this.selectedItems = item;\n      this.selectedItemName = this.selectedItems[0]?.label;\n      this.selectedItemImage = this.selectedItems[0]?.image;\n    }\n    if (changes[\"items\"]) {\n      this.initialize();\n      this.originalItems = this.items.slice();\n      this.cdr.markForCheck();\n    }\n    if (changes[\"selectedValues\"]) {\n      this.selectedItemName = this.selectedValues;\n    }\n  }\n\n  initialize() {\n    setTimeout(() => {\n      if (this.selectedItems && this.selectedItems.length > 0) {\n        if (!this.multiple) {\n          this.searchText = \"\";\n          this.selectedItemName = this.selectedItems[0]?.label;\n          this.selectedItemImage = this.selectedItems[0]?.image;\n        }\n      }\n    }, 1000);\n    const uniqueItems = this.items.filter(\n      (selected, index, self) =>\n        index === self.findIndex((t) => t.value === selected.value)\n    );\n\n    this.items = uniqueItems;\n  }\n\n  openDropdown() {\n    this.dropdownOpened = !this.dropdownOpened;\n  }\n\n  @ViewChild(\"dropdownItems\") dropdownitems!: ElementRef<any>;\n  dropdownScroll(event: any): void {\n    if (this.onDropdownScroll.observed) {\n      this.onDropdownScroll.emit(event);\n      this.cdr.markForCheck();\n    }\n  }\n\n  selectItem(item: any) {\n    if (this.multiple) {\n      if (!this.selectedItems.includes(item)) {\n        this.selectedItems.push(item);\n        this.selectedItemsChange.emit(this.selectedItems);\n      } else {\n        this.selectedItems = this.selectedItems.filter(\n          (selected: any) => selected !== item\n        );\n        this.selectedItemsChange.emit(this.selectedItems);\n      }\n    } else {\n      this.searchText = \"\";\n      this.selectedItems[0] = item;\n      this.selectedItemName = this.selectedItems[0]?.label;\n      this.selectedItemImage = this.selectedItems[0]?.image;\n      this.dropdownOpened = false;\n      this.selectedItemsChange.emit(this.selectedItems);\n    }\n  }\n\n  unselectItem(item: any): void {\n    this.selectedItems = this.selectedItems.filter(\n      (selected: any) => selected !== item\n    );\n    this.selectedItemsChange.emit(this.selectedItems);\n  }\n\n  unselectAll() {\n    this.selectedItems = [];\n    this.selectedItemName = \"\";\n    this.selectedItemImage = \"\";\n    this.selectedItemsChange.emit(this.selectedItems);\n    this.cdr.markForCheck();\n  }\n\n  @ViewChild(\"dropdown\") dropdown!: ElementRef;\n  @HostListener(\"document:click\", [\"$event\"])\n  onDocumentClick(event: Event): void {\n    const isClickInsideDropdown = this.dropdown.nativeElement.contains(\n      event.target\n    );\n\n    if (!isClickInsideDropdown) {\n      this.dropdownOpened = false;\n    }\n  }\n\n  createNew() {\n    this.onCreateNew.emit();\n    this.dropdownOpened = false;\n  }\n\n  search(event: any): void {\n    const keyCode = event.keyCode;\n    this.dropdownOpened = true;\n    this.searchTerm = event.target.value.toLowerCase();\n    if (!this.onSearch.observed) {\n      if (this.searchTerm.trim() === \"\") {\n        if (!this.multiple) {\n          this.unselectAll();\n        }\n        this._filteredItems = this.originalItems.slice();\n      } else {\n        const lowerCaseSearchTerm = this.searchTerm.toLowerCase();\n        this._filteredItems = this.originalItems.filter(\n          (item) =>\n            item.label.toLowerCase().includes(lowerCaseSearchTerm) ||\n            (item.value &&\n              item.value.toLowerCase().includes(lowerCaseSearchTerm))\n        );\n      }\n    } else {\n      this.onSearch.emit(this.searchTerm);\n    }\n  }\n\n  handleButtonClick(action: () => void): void {\n    action();\n    this.buttonClick.emit();\n  }\n\n  highlightMatch(text: string): string {\n    const search = this.searchText?.trim() || this.searchTerm?.trim();\n    if (!search || !text) return text;\n\n    const index = text.toLowerCase().indexOf(search.toLowerCase());\n    if (index === -1) return text;\n\n    const before = text.substring(0, index);\n    const match = text.substring(index, index + search.length);\n    const after = text.substring(index + search.length);\n\n    return `${before}<span class=\"highlight-text\">${match}</span>${after}`;\n  }\n}\n","<div\n  #dropdown\n  class=\"dropdown\"\n  [ngClass]=\"{\n    opened: showBorder && dropdownOpened,\n    closed: showBorder && !dropdownOpened,\n  }\"\n>\n  <div\n    class=\"dropdown-field\"\n    id=\"division\"\n    [ngClass]=\"{\n      opened: showBorder && dropdownOpened,\n      closed: showBorder && !dropdownOpened,\n    }\"\n    (click)=\"openDropdown()\"\n  >\n    <!-- <div *ngIf=\"selectedValues !== '' && !selectedItemName\" class=\"selected\">\n      {{ selectedValues }}\n    </div> -->\n    <div class=\"flexSection\">\n      <div class=\"dataSection\" *ngIf=\"!selectedItem && multiple\">\n        <div class=\"selected selectedList\">\n          <ng-container *ngFor=\"let selectedItem of selectedItems\">\n            <div class=\"selected-item\">\n              <img\n                *ngIf=\"selectedItem?.image\"\n                class=\"multiSelected-icon-size\"\n                [src]=\"selectedItem?.image\"\n                alt=\"image\"\n              />\n              <span>{{ selectedItem.label }}</span>\n              <span (click)=\"unselectItem(selectedItem)\" class=\"close-icon\"\n                >&times;</span\n              >\n            </div>\n          </ng-container>\n\n          <div class=\"input-field\">\n            <input\n              class=\"dropdown_text inline-input\"\n              [(ngModel)]=\"searchText\"\n              [placeholder]=\"placeholder\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"dataSection single-input\" *ngIf=\"!multiple\">\n        <div class=\"input-field\">\n          <div class=\"input-with-icon\">\n            <img\n              *ngIf=\"selectedItemImage\"\n              class=\"selected-icon-size\"\n              [src]=\"selectedItemImage\"\n              alt=\"image\"\n            />\n            <input\n              class=\"dropdown_text inline-input\"\n              [placeholder]=\"placeholder\"\n              [(ngModel)]=\"selectedItemName\"\n              (input)=\"search($event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"iconSection\">\n        <div class=\"dropdown-icons-container\">\n          <div>\n            <span\n              (click)=\"unselectAll()\"\n              *ngIf=\"selectedItems.length > 0 && multiple\"\n              class=\"deselect\"\n              >&times;\n            </span>\n          </div>\n          <div\n            class=\"dropdown-down-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"down-arrow-img\"\n            >\n              <g id=\"Down Arrow\">\n                <g id=\"Group\">\n                  <path\n                    id=\"Path\"\n                    d=\"M6 9.13741L12 15.229L18 9.13741\"\n                    stroke=\"#8E9AA0\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div\n            class=\"dropdown-up-arrow\"\n            [ngClass]=\"{ opened: dropdownOpened, closed: !dropdownOpened }\"\n          >\n            <svg\n              width=\"1em\"\n              viewBox=\"0 0 24 25\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"up-arrow-img\"\n            >\n              <path\n                d=\"M18 15.229L12 9.1374L6 15.229\"\n                stroke=\"#8E9AA0\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    #dropdownItems\n    class=\"dropdown-items\"\n    *ngIf=\"dropdownOpened\"\n    (scroll)=\"dropdownScroll($event)\"\n  >\n    <div (click)=\"createNew()\">\n      <a class=\"create_button\" *ngIf=\"showCreateNew\">Create new</a>\n    </div>\n    <ng-container *ngIf=\"items.length > 0; else noDataAvailable\">\n      <ng-container *ngIf=\"multiple; else singleSelection\">\n        <a\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          class=\"items d-block\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n            <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-container>\n\n      <ng-template #singleSelection>\n        <a\n          class=\"items d-block\"\n          [ngClass]=\"{\n            compact: !item?.image && !item?.subLabel,\n            expanded: item?.image || item?.subLabel\n          }\"\n          *ngFor=\"let item of _filteredItems\"\n          (click)=\"selectItem(item)\"\n        >\n          <div class=\"dropdown-item\">\n            <div class=\"item-details\">\n              <div class=\"content-wrapper\">\n                <img\n                  *ngIf=\"item?.image\"\n                  [src]=\"item?.image\"\n                  alt=\"Item Image\"\n                  class=\"item-image icon-size\"\n                />\n                <div class=\"text-content\">\n                  <div\n                    class=\"item-label\"\n                    [innerHTML]=\"highlightMatch(item.label)\"\n                  ></div>\n                  <div *ngIf=\"showSubLabel\" class=\"item-sublabel\">\n                    {{ item?.subLabel }}\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"dropdown_buttons\"\n                [class.empty]=\"customButtons.length === 0\"\n              >\n                <button\n                  *ngFor=\"let button of customButtons\"\n                  (click)=\"handleButtonClick(button.action)\"\n                >\n                  <i [class]=\"button.icon\" [style.color]=\"button.color\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </a>\n      </ng-template>\n    </ng-container>\n\n    <!-- \"No data available\" message if the drop down is empty -->\n    <ng-template #noDataAvailable>\n      <div class=\"items\">No data available</div>\n    </ng-template>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { DropdownComponent } from './dropdown.component';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\n\n\n@NgModule({\n  declarations: [\n    DropdownComponent\n  ],\n  imports: [\n    FormsModule,\n    CommonModule,\n  ],\n  exports: [\n    DropdownComponent\n  ]\n})\nexport class DropdownModule { }\n","/*\n * Public API Surface of dropdown\n */\n\nexport * from './lib/dropdown.service';\nexport * from './lib/dropdown.component';\nexport * from './lib/dropdown.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/dropdown.component.d.ts

@@ -35,7 +35,6 @@ export declare class DropdownComponent implements OnInit {
     get items(): DropdownItem[];
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     initialize(): void;
     openDropdown(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@piserve-tech/drop-down",
-  "version": "1.2.103",
+  "version": "1.2.105",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0"