kwikid-agent-dashboard 0.0.44 → 0.0.46

package/fesm2015/kwikid-agent-dashboard.js

@@ -515,7 +515,7 @@ class TaskListSearchComponent {
     }
 }
 /** @nocollapse */ TaskListSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TaskListSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ TaskListSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TaskListSearchComponent, selector: "task-list-search", inputs: { config: "config" }, outputs: { onFilterTasksByText: "onFilterTasksByText", onFilterTasksByDate: "onFilterTasksByDate", onChangeSortFilter: "onChangeSortFilter" }, ngImport: i0, template: "<div\n  class=\"task-list-search-container\"\n  [formGroup]=\"formGroup\"\n>\n  <div class=\"task-list-search-icons\">\n    <kwikui-button\n      appearance=\"mono\"\n      icon=\"tuiIconSearchLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('search-text')\"\n    ></kwikui-button>\n    <kwikui-button\n      appearance=\"mono\"\n      icon=\"tuiIconCalendarLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('search-date')\"\n    ></kwikui-button>\n    <kwikui-button\n      *ngIf=\"config?.utilityFlags?.isAllowSortTasks\"\n      appearance=\"mono\"\n      icon=\"tuiIconFilterLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('sort-filter')\"\n    ></kwikui-button>\n  </div>\n\n  <div\n    class=\"task-list-search-action\"\n    *ngIf=\"activeSearchAction\"\n  >\n    <kwikui-input-date-range\n      *ngIf=\"activeSearchAction == 'search-date'\"\n      class=\"task-list-date-box\"\n      label=\"Search by Date Range\"\n      id=\"dateRange\"\n      size=\"m\"\n      [max]=\"max\"\n      [maxLength]=\"maxLength\"\n      formControlName=\"search-date\"\n      [formControl]=\"searchDateFormControl\"\n      (getKeyValue)=\"handleOnChangeDateRange($event)\"\n    ></kwikui-input-date-range>\n\n    <kwikui-input\n      *ngIf=\"activeSearchAction == 'search-text'\"\n      label=\"Search\"\n      id=\"search\"\n      icon=\"tuiIconSearch\"\n      placeholder=\"Search any task from here\"\n      size=\"m\"\n      [formControl]=\"searchTextFormControl\"\n      formControlName=\"search-text\"\n      (getKeyValue)=\"handleOnChangeSearchText($event)\"\n    ></kwikui-input>\n\n    <div\n      *ngIf=\"activeSearchAction == 'sort-filter'\"\n      class=\"task-list-sort-action\"\n    >\n      <kwikui-button\n        appearance=\"outline\"\n        [icon]=\"\n          sortInAscendingOrder\n            ? 'tuiIconChevronsUpLarge'\n            : 'tuiIconChevronsDownLarge'\n        \"\n        size=\"m\"\n        type=\"button\"\n        (onClick)=\"handleOnClickChangeSortOrder()\"\n      ></kwikui-button>\n      <kwikui-input-select\n        class=\"task-list-sort-key\"\n        formControlName=\"sort-filter\"\n        label=\"Sort By Key\"\n        size=\"m\"\n        [formControl]=\"sortFilterKeyFormControl\"\n        [options]=\"sortFilterOptions\"\n        [searchable]=\"false\"\n        (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n      ></kwikui-input-select>\n    </div>\n  </div>\n</div>\n", styles: [".task-list-search-container{width:100%}.task-list-search-container .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.task-list-search-container .task-list-search-action{margin-top:.5rem}.task-list-search-container .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.task-list-search-container .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }], directives: [{ type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ TaskListSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TaskListSearchComponent, selector: "task-list-search", inputs: { config: "config" }, outputs: { onFilterTasksByText: "onFilterTasksByText", onFilterTasksByDate: "onFilterTasksByDate", onChangeSortFilter: "onChangeSortFilter" }, ngImport: i0, template: "<div\n  class=\"task-list-search-container\"\n  [formGroup]=\"formGroup\"\n>\n  <div class=\"task-list-search-icons\">\n    <kwikui-button\n      appearance=\"mono\"\n      icon=\"tuiIconSearchLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('search-text')\"\n    ></kwikui-button>\n    <kwikui-button\n      appearance=\"mono\"\n      icon=\"tuiIconCalendarLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('search-date')\"\n    ></kwikui-button>\n    <kwikui-button\n      *ngIf=\"config?.utilityFlags?.isAllowSortTasks\"\n      appearance=\"mono\"\n      icon=\"tuiIconFilterLarge\"\n      size=\"s\"\n      type=\"button\"\n      (onClick)=\"handleOnClickSearchType('sort-filter')\"\n    ></kwikui-button>\n  </div>\n\n  <div\n    class=\"task-list-search-action\"\n    *ngIf=\"activeSearchAction\"\n  >\n    <kwikui-input-date-range\n      *ngIf=\"activeSearchAction == 'search-date'\"\n      class=\"task-list-date-box\"\n      label=\"Search by Date Range\"\n      id=\"dateRange\"\n      size=\"m\"\n      [max]=\"max\"\n      [maxLength]=\"maxLength\"\n      formControlName=\"search-date\"\n      [formControl]=\"searchDateFormControl\"\n      (getKeyValue)=\"handleOnChangeDateRange($event)\"\n    ></kwikui-input-date-range>\n\n    <kwikui-input\n      *ngIf=\"activeSearchAction == 'search-text'\"\n      label=\"Search\"\n      id=\"search\"\n      icon=\"tuiIconSearch\"\n      placeholder=\"Search any task from here\"\n      size=\"m\"\n      [formControl]=\"searchTextFormControl\"\n      formControlName=\"search-text\"\n      (getKeyValue)=\"handleOnChangeSearchText($event)\"\n    ></kwikui-input>\n\n    <div\n      *ngIf=\"activeSearchAction == 'sort-filter'\"\n      class=\"task-list-sort-action\"\n    >\n      <kwikui-button\n        appearance=\"outline\"\n        [icon]=\"\n          sortInAscendingOrder\n            ? 'tuiIconChevronsUpLarge'\n            : 'tuiIconChevronsDownLarge'\n        \"\n        size=\"m\"\n        type=\"button\"\n        (onClick)=\"handleOnClickChangeSortOrder()\"\n      ></kwikui-button>\n      <kwikui-input-select\n        class=\"task-list-sort-key\"\n        formControlName=\"sort-filter\"\n        label=\"Sort By Key\"\n        size=\"m\"\n        [formControl]=\"sortFilterKeyFormControl\"\n        [options]=\"sortFilterOptions\"\n        [searchable]=\"false\"\n        (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n      ></kwikui-input-select>\n    </div>\n  </div>\n</div>\n", styles: [".task-list-search-container{width:100%}.task-list-search-container .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.task-list-search-container .task-list-search-action{margin-top:.5rem}.task-list-search-container .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.task-list-search-container .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }], directives: [{ type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     logMethod
 ], TaskListSearchComponent.prototype, "handleOnChangeSearchText", null);
@@ -2430,7 +2430,7 @@ class CustomerListComponent {
     }
 }
 /** @nocollapse */ CustomerListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomerListComponent, deps: [{ token: GoogleMapsService }, { token: OpenStreetMapsService }, { token: AgentService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ CustomerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"customer-list-wrapper\">\n  <div\n    class=\"customer-list-filter\"\n    [formGroup]=\"formGroup\"\n  >\n    <div class=\"task-list-search-icons\">\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconSearchLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-text')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconCalendarLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-date')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconFilterLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('sort-filter')\"\n      ></kwikui-button>\n    </div>\n\n    <div\n      class=\"task-list-search-action\"\n      *ngIf=\"activeSearchAction\"\n    >\n      <kwikui-input-date-range\n        *ngIf=\"activeSearchAction == 'search-date'\"\n        class=\"task-list-date-box\"\n        label=\"Search by Date Range\"\n        id=\"dateRange\"\n        size=\"m\"\n        [max]=\"max\"\n        [maxLength]=\"maxLength\"\n        formControlName=\"search-date\"\n        [formControl]=\"searchDateFormControl\"\n        (getKeyValue)=\"handleOnChangeDateRange($event)\"\n      ></kwikui-input-date-range>\n\n      <kwikui-input\n        *ngIf=\"activeSearchAction == 'search-text'\"\n        label=\"Search\"\n        id=\"search\"\n        icon=\"tuiIconSearch\"\n        placeholder=\"Search any task from here\"\n        size=\"m\"\n        [formControl]=\"searchTextFormControl\"\n        formControlName=\"search-text\"\n        (getKeyValue)=\"handleOnChangeSearchText($event)\"\n      ></kwikui-input>\n\n      <div\n        *ngIf=\"activeSearchAction == 'sort-filter'\"\n        class=\"task-list-sort-action\"\n      >\n        <kwikui-button\n          appearance=\"outline\"\n          [icon]=\"\n            sortInAscendingOrder\n              ? 'tuiIconChevronsUpLarge'\n              : 'tuiIconChevronsDownLarge'\n          \"\n          size=\"m\"\n          type=\"button\"\n          (onClick)=\"handleOnClickChangeSortOrder()\"\n        ></kwikui-button>\n        <kwikui-input-select\n          class=\"task-list-sort-key\"\n          formControlName=\"sort-filter\"\n          label=\"Sort By Key\"\n          size=\"m\"\n          [formControl]=\"sortFilterKeyFormControl\"\n          [options]=\"sortFilterOptions\"\n          [searchable]=\"false\"\n          (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n        ></kwikui-input-select>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport\n      itemSize=\"1\"\n      class=\"customer-task-list-scroll\"\n    >\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div\n    class=\"customer-list-empty\"\n    *ngIf=\"filteredData.length === 0\"\n  >\n    No Tasks for the given Date.\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-filter .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action{margin-top:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["onClickPerformAction", "nextStep", "removeTask"] }], directives: [{ type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe$1 } });
+/** @nocollapse */ CustomerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"customer-list-wrapper\">\n  <div\n    class=\"customer-list-filter\"\n    [formGroup]=\"formGroup\"\n  >\n    <div class=\"task-list-search-icons\">\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconSearchLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-text')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconCalendarLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-date')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconFilterLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('sort-filter')\"\n      ></kwikui-button>\n    </div>\n\n    <div\n      class=\"task-list-search-action\"\n      *ngIf=\"activeSearchAction\"\n    >\n      <kwikui-input-date-range\n        *ngIf=\"activeSearchAction == 'search-date'\"\n        class=\"task-list-date-box\"\n        label=\"Search by Date Range\"\n        id=\"dateRange\"\n        size=\"m\"\n        [max]=\"max\"\n        [maxLength]=\"maxLength\"\n        formControlName=\"search-date\"\n        [formControl]=\"searchDateFormControl\"\n        (getKeyValue)=\"handleOnChangeDateRange($event)\"\n      ></kwikui-input-date-range>\n\n      <kwikui-input\n        *ngIf=\"activeSearchAction == 'search-text'\"\n        label=\"Search\"\n        id=\"search\"\n        icon=\"tuiIconSearch\"\n        placeholder=\"Search any task from here\"\n        size=\"m\"\n        [formControl]=\"searchTextFormControl\"\n        formControlName=\"search-text\"\n        (getKeyValue)=\"handleOnChangeSearchText($event)\"\n      ></kwikui-input>\n\n      <div\n        *ngIf=\"activeSearchAction == 'sort-filter'\"\n        class=\"task-list-sort-action\"\n      >\n        <kwikui-button\n          appearance=\"outline\"\n          [icon]=\"\n            sortInAscendingOrder\n              ? 'tuiIconChevronsUpLarge'\n              : 'tuiIconChevronsDownLarge'\n          \"\n          size=\"m\"\n          type=\"button\"\n          (onClick)=\"handleOnClickChangeSortOrder()\"\n        ></kwikui-button>\n        <kwikui-input-select\n          class=\"task-list-sort-key\"\n          formControlName=\"sort-filter\"\n          label=\"Sort By Key\"\n          size=\"m\"\n          [formControl]=\"sortFilterKeyFormControl\"\n          [options]=\"sortFilterOptions\"\n          [searchable]=\"false\"\n          (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n        ></kwikui-input-select>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport\n      itemSize=\"1\"\n      class=\"customer-task-list-scroll\"\n    >\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div\n    class=\"customer-list-empty\"\n    *ngIf=\"filteredData.length === 0\"\n  >\n    No Tasks for the given Date.\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-filter .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action{margin-top:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "isShowLabelOutside", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["onClickPerformAction", "nextStep", "removeTask"] }], directives: [{ type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe$1 } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomerListComponent, decorators: [{
             type: Component,
             args: [{
@@ -2469,6 +2469,8 @@ class KwikIDAgentDashboardComponentV1 {
         this.filterTaskList = new EventEmitter();
         this.onClickPerformAction = new EventEmitter();
         this.loading = true;
+        this.labelValuePairConfig = {};
+        this.labelValuePairData = [];
         this.open = false;
         this.allFormsData = {};
         this.String = String;
@@ -2486,6 +2488,7 @@ class KwikIDAgentDashboardComponentV1 {
     ngOnInit() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __awaiter(this, void 0, void 0, function* () {
+            this.parseData();
             this.agentService.config = this.config;
             this.agentService.showMapview = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.isShowMaps) !== null && _c !== void 0 ? _c : false;
             if (((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.maps) === null || _e === void 0 ? void 0 : _e.mapType) === "google-maps" &&
@@ -2521,6 +2524,45 @@ class KwikIDAgentDashboardComponentV1 {
             return of(false);
         }));
     }
+    getValueFromArray(paths) {
+        let data = "";
+        // eslint-disable-next-line array-callback-return
+        paths.map((path) => {
+            const value = getObjectValueFromPath(this.agentInfo, path);
+            data = `${data} ${value}`;
+        });
+        return data;
+    }
+    parseData() {
+        var _a, _b, _c, _d;
+        let detailsConfig = [];
+        if (checkObjectPathExists(this.config, "hamburgerUI.data") &&
+            isNotEmptyArray(this.config.hamburgerUI.data)) {
+            const data = [];
+            detailsConfig = this.config.hamburgerUI.data;
+            detailsConfig.map((field) => {
+                let value;
+                if (Array.isArray(field.path)) {
+                    value = this.getValueFromArray(field.path);
+                }
+                else {
+                    value = getObjectValueFromPath(this.agentInfo, field.path);
+                }
+                data.push({ label: field.label, value });
+                return true;
+            });
+            this.labelValuePairData = data;
+        }
+        else {
+            this.labelValuePairData = [
+                {
+                    label: "Agent ID",
+                    value: (_a = this.agentInfo) === null || _a === void 0 ? void 0 : _a.agent_id
+                }
+            ];
+        }
+        this.labelValuePairConfig = (_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.hamburgerUI) === null || _c === void 0 ? void 0 : _c.config) !== null && _d !== void 0 ? _d : {};
+    }
     handleOnClickNext(e) {
         this.nextStep.emit(e);
     }
@@ -2573,7 +2615,7 @@ class KwikIDAgentDashboardComponentV1 {
     }
 }
 /** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDAgentDashboardComponentV1, deps: [{ token: GoogleMapsService }, { token: AgentService }, { token: i3$2.HttpClient }, { token: i0.ElementRef }, { token: TuiDialogService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: { agentInfo: "agentInfo", config: "config", userConfig: "userConfig", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "infoWindow", first: true, predicate: MapInfoWindow, descendants: true }, { propertyName: "mapElement", first: true, predicate: ["map"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"kwikid-agent-dashboard\"\n  *ngIf=\"!loading\"\n>\n  <div class=\"wrapper\">\n    <header>\n      <span (tuiActiveZoneChange)=\"onActiveZone($event)\">\n        <kwikui-button\n          [icon]=\"'tuiIconMenuLarge'\"\n          (onClick)=\"onClick()\"\n          appearance=\"mono\"\n          size=\"m\"\n          [tuiDropdown]=\"dropdownContent\"\n          [tuiDropdownManual]=\"open\"\n          (tuiObscured)=\"onObscured($event)\"\n        ></kwikui-button>\n        <img\n          *ngIf=\"\n            userConfig?.theme?.clientLogo &&\n            config?.utilityFlags?.isShowClientLogo &&\n            !config?.utilityFlags?.isAllowAddTask\n          \"\n          [src]=\"userConfig?.theme.clientLogo\"\n          class=\"client-logo\"\n        />\n        <ng-template #dropdownContent>\n          <div class=\"menu-dropdown\">\n            <div class=\"menu-dropdown-header\">\n              <div class=\"menu-dropdown-header-agent-name\">\n                {{ agentInfo.agent_name ?? userConfig?.theme?.clientName }}\n              </div>\n              <div class=\"menu-dropdown-header-agent-id\">\n                Agent ID: {{ agentInfo.agent_id }}\n              </div>\n            </div>\n            <hr />\n            <div\n              class=\"menu-dropdown-body\"\n              tuiGroup\n              [collapsed]=\"true\"\n              [rounded]=\"false\"\n              [orientation]=\"'vertical'\"\n              [size]=\"'m'\"\n            >\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Refresh\"\n                [icon]=\"'tuiIconRefreshCw'\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"refresh()\"\n              ></kwikui-button>\n              <kwikui-button\n                *ngIf=\"this.config?.maps?.isShowMaps\"\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"{{\n                  agentService.showMapview ? 'Hide Maps' : 'Show Maps'\n                }}\"\n                type=\"button\"\n                icon=\"{{\n                  agentService.showMapview ? 'tuiIconEyeOff' : 'tuiIconEye'\n                }}\"\n                iconRight=\"\"\n                [shape]=\"null\"\n                size=\"m\"\n                styles=\"padding: 0rem !important\"\n                (onClick)=\"agentService.toggleMapview()\"\n              ></kwikui-button>\n            </div>\n            <hr />\n            <div class=\"menu-dropdown-footer\">\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Logout\"\n                icon=\"tuiIconLogOut\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"handleOnClickLogout()\"\n              ></kwikui-button>\n            </div>\n          </div>\n        </ng-template>\n      </span>\n      <div class=\"actions\">\n        <kwikui-button\n          *ngIf=\"config?.utilityFlags?.isAllowAddTask\"\n          class=\"menu-dropdown-buttons\"\n          type=\"button\"\n          appearance=\"primary\"\n          [label]=\"config?.formsConfig?.addTaskForm?.title ?? 'Add User'\"\n          icon=\"tuiIconPlus\"\n          shape=\"rounded\"\n          size=\"s\"\n          (onClick)=\"showDialog(template)\"\n        ></kwikui-button>\n      </div>\n    </header>\n\n    <div class=\"dashboard-body\">\n      <div\n        *ngIf=\"mapsLoaded\"\n        [class]=\"agentService.showMapview ? 'map' : 'map-hidden'\"\n      >\n        <google-map\n          *ngIf=\"config?.maps?.mapType == 'google-maps'\"\n          [options]=\"this.googleMapsService.map\"\n          height=\"100%\"\n          width=\"100%\"\n        >\n          <map-marker\n            #marker=\"mapMarker\"\n            *ngFor=\"\n              let markerPosition of this.googleMapsService.allMarkers;\n              let index = index\n            \"\n            [position]=\"markerPosition\"\n            [label]=\"{ text: String(index) }\"\n          ></map-marker>\n          <map-directions-renderer\n            *ngIf=\"\n              this.googleMapsService.directionsResults$\n                | async as directionsResults\n            \"\n            [directions]=\"directionsResults\"\n            [options]=\"this.googleMapsService.directionsRenderOption\"\n          ></map-directions-renderer>\n        </google-map>\n\n        <div\n          *ngIf=\"config?.maps?.mapType == 'open-street'\"\n          id=\"map\"\n          style=\"height: 100%\"\n        ></div>\n      </div>\n\n      <div\n        class=\"task-details\"\n        *ngIf=\"\n          !agentService.isMobileView &&\n          agentService.currentTaskDetails != undefined &&\n          !agentService.showMapview\n        \"\n      >\n        <customer-details\n          [customer]=\"agentService.currentTaskDetails\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-details>\n      </div>\n\n      <div\n        class=\"no-task-details\"\n        *ngIf=\"\n          agentService.currentTaskDetails == undefined &&\n          !agentService.isMobileView &&\n          !agentService.showMapview\n        \"\n      >\n        <img\n          src=\"assets/No-Results.jpg\"\n          class=\"no-task-img\"\n          alt=\"No Task\"\n        />\n        <div>Select a Task to view it's details.</div>\n      </div>\n\n      <div class=\"customer-list\">\n        <customer-list\n          [customers]=\"taskList\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (filterTaskList)=\"handleOnFilterTaskList($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-list>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"kwikid-agent-dashboard-loader\"\n  *ngIf=\"loading\"\n>\n  <span class=\"loader\"></span>\n</div>\n\n<ng-template\n  #template\n  let-observer\n>\n  <div class=\"add-task-header\">\n    <h2>{{ config?.formsConfig?.addTaskForm?.title ?? \"Create User\" }}</h2>\n    <kwikui-button\n      icon=\"tuiIconX\"\n      id=\"\"\n      styles=\"\"\n      type=\"button\"\n      appearance=\"mono\"\n      [shape]=\"null\"\n      size=\"m\"\n      (onClick)=\"observer.complete()\"\n    ></kwikui-button>\n  </div>\n  <kwikid-form-view\n    [allFormsData]=\"allFormsData\"\n    [formConfig]=\"config?.formsConfig?.addTaskForm\"\n    [isMobileView]=\"true\"\n    (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n  ></kwikid-form-view>\n</ng-template>\n", styles: [".kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%;position:relative}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:1rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .actions{display:flex;flex-direction:row;align-items:center}.kwikid-agent-dashboard .wrapper header .actions>*{margin-right:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{width:100%;height:100%;overflow:hidden}@media screen and (min-width: 600px){.kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:.75rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-end;align-items:stretch;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd;border-radius:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .task-details{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden;color:#555}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details .no-task-img{height:100px;width:100px}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{min-width:300px;max-width:320px;width:100%;height:100%;overflow:hidden;border:1px solid #cdcdcd}}.menu{position:absolute;transition:\"0.15s linear 0s\"}.kwikid-agent-dashboard-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-agent-dashboard-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-agent-dashboard-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-agent-dashboard-loader .t-loader{display:none!important}.add-task-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0 1rem 1rem}:host{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}.menu-dropdown{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;grid-gap:.5rem;gap:.5rem;padding:1rem 1.5rem}.menu-dropdown .menu-dropdown-header{display:flex;flex-direction:column;align-content:flex-start;justify-content:space-between;align-items:flex-start;grid-gap:1rem;gap:1rem}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-name{font-size:1.2rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-id{font-size:.8rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-buttons ::ng-deep .t-wrapper{padding:0!important}.client-logo{height:40px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:1rem}.client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;margin:0 auto;font-weight:600}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i2$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: CustomerDetailsComponent, selector: "customer-details", inputs: ["customer", "config"], outputs: ["nextStep", "removeTask", "onClickPerformAction"] }, { type: CustomerListComponent, selector: "customer-list", inputs: ["customers", "config"], outputs: ["nextStep", "removeTask", "filterTaskList", "onClickPerformAction"] }, { type: i3$1.KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["allFormsData", "extraData", "apiCallResponse", "buttonClickResponse", "formConfig", "formData", "isMobileView", "popupFormCallback", "userConfig", "stepConfig"], outputs: ["getLogs", "getUnsavedDataState", "onActionShowPopupForm", "onClickApiCall", "onClickViewFile", "onClickFormFieldButton", "onClickGoBack", "onClickSaveForm", "onClickViewForms"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i3.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { type: i3.TuiDropdownDriverDirective, selector: "[tuiDropdown]" }, { type: i3.TuiDropdownPositionDirective, selector: "[tuiDropdown]" }, { type: i3.TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: ["tuiDropdownManual"] }, { type: i3.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { type: i2$2.MapDirectionsRenderer, selector: "map-directions-renderer", inputs: ["directions", "options"], outputs: ["directionsChanged"], exportAs: ["mapDirectionsRenderer"] }], pipes: { "async": i7.AsyncPipe } });
+/** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: { agentInfo: "agentInfo", config: "config", userConfig: "userConfig", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "infoWindow", first: true, predicate: MapInfoWindow, descendants: true }, { propertyName: "mapElement", first: true, predicate: ["map"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"kwikid-agent-dashboard\"\n  *ngIf=\"!loading\"\n>\n  <div class=\"wrapper\">\n    <header>\n      <span (tuiActiveZoneChange)=\"onActiveZone($event)\">\n        <kwikui-button\n          [icon]=\"'tuiIconMenuLarge'\"\n          (onClick)=\"onClick()\"\n          appearance=\"mono\"\n          size=\"m\"\n          [tuiDropdown]=\"dropdownContent\"\n          [tuiDropdownManual]=\"open\"\n          (tuiObscured)=\"onObscured($event)\"\n        ></kwikui-button>\n        <img\n          *ngIf=\"\n            userConfig?.theme?.clientLogo &&\n            config?.utilityFlags?.isShowClientLogo &&\n            !config?.utilityFlags?.isAllowAddTask\n          \"\n          [src]=\"userConfig?.theme.clientLogo\"\n          class=\"client-logo\"\n        />\n        <ng-template #dropdownContent>\n          <div class=\"menu-dropdown\">\n            <div class=\"menu-dropdown-header\">\n              <div class=\"menu-dropdown-header-agent-name\">\n                {{ agentInfo.agent_name ?? userConfig?.theme?.clientName }}\n              </div>\n              <div class=\"customer-details-table\">\n                <kwikui-label-value-pair\n                  [config]=\"labelValuePairConfig\"\n                  [data]=\"labelValuePairData\"\n                ></kwikui-label-value-pair>\n              </div>\n            </div>\n            <hr />\n            <div\n              class=\"menu-dropdown-body\"\n              tuiGroup\n              [collapsed]=\"true\"\n              [rounded]=\"false\"\n              [orientation]=\"'vertical'\"\n              [size]=\"'m'\"\n            >\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Refresh\"\n                [icon]=\"'tuiIconRefreshCw'\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"refresh()\"\n              ></kwikui-button>\n              <kwikui-button\n                *ngIf=\"this.config?.maps?.isShowMaps\"\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"{{\n                  agentService.showMapview ? 'Hide Maps' : 'Show Maps'\n                }}\"\n                type=\"button\"\n                icon=\"{{\n                  agentService.showMapview ? 'tuiIconEyeOff' : 'tuiIconEye'\n                }}\"\n                iconRight=\"\"\n                [shape]=\"null\"\n                size=\"m\"\n                styles=\"padding: 0rem !important\"\n                (onClick)=\"agentService.toggleMapview()\"\n              ></kwikui-button>\n            </div>\n            <hr />\n            <div class=\"menu-dropdown-footer\">\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Logout\"\n                icon=\"tuiIconLogOut\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"handleOnClickLogout()\"\n              ></kwikui-button>\n            </div>\n          </div>\n        </ng-template>\n      </span>\n      <div class=\"actions\">\n        <kwikui-button\n          *ngIf=\"config?.utilityFlags?.isAllowAddTask\"\n          class=\"menu-dropdown-buttons\"\n          type=\"button\"\n          appearance=\"primary\"\n          [label]=\"config?.formsConfig?.addTaskForm?.title ?? 'Add User'\"\n          icon=\"tuiIconPlus\"\n          shape=\"rounded\"\n          size=\"s\"\n          (onClick)=\"showDialog(template)\"\n        ></kwikui-button>\n      </div>\n    </header>\n\n    <div class=\"dashboard-body\">\n      <div\n        *ngIf=\"mapsLoaded\"\n        [class]=\"agentService.showMapview ? 'map' : 'map-hidden'\"\n      >\n        <google-map\n          *ngIf=\"config?.maps?.mapType == 'google-maps'\"\n          [options]=\"this.googleMapsService.map\"\n          height=\"100%\"\n          width=\"100%\"\n        >\n          <map-marker\n            #marker=\"mapMarker\"\n            *ngFor=\"\n              let markerPosition of this.googleMapsService.allMarkers;\n              let index = index\n            \"\n            [position]=\"markerPosition\"\n            [label]=\"{ text: String(index) }\"\n          ></map-marker>\n          <map-directions-renderer\n            *ngIf=\"\n              this.googleMapsService.directionsResults$\n                | async as directionsResults\n            \"\n            [directions]=\"directionsResults\"\n            [options]=\"this.googleMapsService.directionsRenderOption\"\n          ></map-directions-renderer>\n        </google-map>\n\n        <div\n          *ngIf=\"config?.maps?.mapType == 'open-street'\"\n          id=\"map\"\n          style=\"height: 100%\"\n        ></div>\n      </div>\n\n      <div\n        class=\"task-details\"\n        *ngIf=\"\n          !agentService.isMobileView &&\n          agentService.currentTaskDetails != undefined &&\n          !agentService.showMapview\n        \"\n      >\n        <customer-details\n          [customer]=\"agentService.currentTaskDetails\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-details>\n      </div>\n\n      <div\n        class=\"no-task-details\"\n        *ngIf=\"\n          agentService.currentTaskDetails == undefined &&\n          !agentService.isMobileView &&\n          !agentService.showMapview\n        \"\n      >\n        <img\n          src=\"assets/No-Results.jpg\"\n          class=\"no-task-img\"\n          alt=\"No Task\"\n        />\n        <div>Select a Task to view it's details.</div>\n      </div>\n\n      <div class=\"customer-list\">\n        <customer-list\n          [customers]=\"taskList\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (filterTaskList)=\"handleOnFilterTaskList($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-list>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"kwikid-agent-dashboard-loader\"\n  *ngIf=\"loading\"\n>\n  <span class=\"loader\"></span>\n</div>\n\n<ng-template\n  #template\n  let-observer\n>\n  <div class=\"add-task-header\">\n    <h2>{{ config?.formsConfig?.addTaskForm?.title ?? \"Create User\" }}</h2>\n    <kwikui-button\n      icon=\"tuiIconX\"\n      id=\"\"\n      styles=\"\"\n      type=\"button\"\n      appearance=\"mono\"\n      [shape]=\"null\"\n      size=\"m\"\n      (onClick)=\"observer.complete()\"\n    ></kwikui-button>\n  </div>\n  <kwikid-form-view\n    [allFormsData]=\"allFormsData\"\n    [formConfig]=\"config?.formsConfig?.addTaskForm\"\n    [isMobileView]=\"true\"\n    (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n  ></kwikid-form-view>\n</ng-template>\n", styles: [".kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%;position:relative}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:1rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .actions{display:flex;flex-direction:row;align-items:center}.kwikid-agent-dashboard .wrapper header .actions>*{margin-right:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{width:100%;height:100%;overflow:hidden}@media screen and (min-width: 600px){.kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:.75rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-end;align-items:stretch;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd;border-radius:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .task-details{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden;color:#555}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details .no-task-img{height:100px;width:100px}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{min-width:300px;max-width:320px;width:100%;height:100%;overflow:hidden;border:1px solid #cdcdcd}}.menu{position:absolute;transition:\"0.15s linear 0s\"}.kwikid-agent-dashboard-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-agent-dashboard-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-agent-dashboard-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-agent-dashboard-loader .t-loader{display:none!important}.add-task-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0 1rem 1rem}:host{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}.menu-dropdown{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;grid-gap:.5rem;gap:.5rem;padding:1rem 1.5rem}.menu-dropdown .menu-dropdown-header{display:flex;flex-direction:column;align-content:flex-start;justify-content:space-between;align-items:flex-start;grid-gap:1rem;gap:1rem}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-name{font-size:1.2rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-id{font-size:.8rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-buttons ::ng-deep .t-wrapper{padding:0!important}.client-logo{height:40px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:1rem}.client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;margin:0 auto;font-weight:600}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1.KwikUILabelValuePairComponent, selector: "kwikui-label-value-pair", inputs: ["config", "data", "id"] }, { type: i2$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: CustomerDetailsComponent, selector: "customer-details", inputs: ["customer", "config"], outputs: ["nextStep", "removeTask", "onClickPerformAction"] }, { type: CustomerListComponent, selector: "customer-list", inputs: ["customers", "config"], outputs: ["nextStep", "removeTask", "filterTaskList", "onClickPerformAction"] }, { type: i3$1.KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["allFormsData", "extraData", "apiCallResponse", "buttonClickResponse", "formConfig", "formData", "isMobileView", "popupFormCallback", "userConfig", "stepConfig"], outputs: ["getLogs", "getUnsavedDataState", "onActionShowPopupForm", "onClickApiCall", "onClickViewFile", "onClickFormFieldButton", "onClickGoBack", "onClickSaveForm", "onClickViewForms"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i3.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { type: i3.TuiDropdownDriverDirective, selector: "[tuiDropdown]" }, { type: i3.TuiDropdownPositionDirective, selector: "[tuiDropdown]" }, { type: i3.TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: ["tuiDropdownManual"] }, { type: i3.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { type: i2$2.MapDirectionsRenderer, selector: "map-directions-renderer", inputs: ["directions", "options"], outputs: ["directionsChanged"], exportAs: ["mapDirectionsRenderer"] }], pipes: { "async": i7.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDAgentDashboardComponentV1, decorators: [{
             type: Component,
             args: [{