@rangertechnologies/ngnxt 2.1.345 → 2.1.346

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -47297,7 +47297,7 @@ class NxtInput {
47297
47297
  }
47298
47298
  else if (changeValue.valueObj && changeValue.valueObj === dependencyObj.dependentValue) {
47299
47299
  this.question.isHidden = false;
47300
- this.value = this.question.defaultValue && this.question.defaultValue != '' ? this.question.defaultValue : '';
47300
+ this.value = this.question.defaultValue && this.question.defaultValue != '' ? this.question.defaultValue : this.value || '';
47301
47301
  let change = {};
47302
47302
  change['isObject'] = this.apiMeta?.isObject;
47303
47303
  change['fromQuestionId'] = this.question.id;
@@ -48599,13 +48599,13 @@ class nxtDropdown {
48599
48599
  this.noDataFound = this.filteredOptions.length === 0;
48600
48600
  }
48601
48601
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: nxtDropdown, deps: [{ token: CountryService }, { token: TranslationService }, { token: ChangeService }, { token: DataService }, { token: StorageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
48602
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: nxtDropdown, isStandalone: true, selector: "nxt-dropdown", inputs: { options: "options", placeholder: "placeholder", apiMeta: "apiMeta", selectedValue: "selectedValue", progressBar: "progressBar", readOnly: "readOnly", error: "error", fromShengel: "fromShengel", question: "question", mode: "mode", from: "from", padding: "padding", onlyView: "onlyView", labelFont: "labelFont", label: "label", labelColor: "labelColor", inputTextColor: "inputTextColor", labelSize: "labelSize", inputValueSize: "inputValueSize", labelWeight: "labelWeight", inputWeight: "inputWeight", showLabel: "showLabel", inputBorder: "inputBorder", inputBgColor: "inputBgColor", inputIconLeftSrc: "inputIconLeftSrc" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownWrapper", first: true, predicate: ["dropdownWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #dropdownWrapper class=\"nxt-dropdown-wrapper\" [ngClass]=\"{ 'loading' : isLoading }\">\n <nxt-input\n [type]=\"'dropdown'\"\n [mode]=\"mode\"\n [from]=\"from\"\n [value]=\"selectedValue || null\"\n [selectedOption]=\"selectedOption\"\n (onFocus)=\"getOptions()\"\n [labelFont]=\"labelFont\"\n [label]=\"label ? ((question?.id+'.questionText') | nxtCustomTranslate : label) : ''\"\n [labelColor]=\"labelColor\"\n [inputTextColor]=\"inputTextColor\"\n [labelSize]=\"labelSize\"\n [inputValueSize]=\"inputValueSize\"\n [labelWeight]=\"labelWeight\"\n [inputWeight]=\"inputWeight\"\n [showLabel]=\"showLabel\"\n [readOnly]=\"readOnly\"\n [padding]=\"padding\"\n [inputBorder]=\"inputBorder\" \n svgHeight=\"20px\" svgWidth=\"20px\"\n [placeholder]=\"placeholder\"\n [required]=\"question?.isOptional\" \n [inputBgColor]=\" (from === 'normalDropDown' && !inputBgColor) ? '#eff8ff' : (inputBgColor || '#ffffff')\"\n [inputId]=\"question?.trackingId\"\n [errorMessages]=\"{ required: 'This field is required' }\"\n [inputIconLeftSrc]=\"inputIconLeftSrc\"\n (toggleEmit)=\"toggle()\"\n (clearInputEmit)=\"clearSelection()\"\n [question]=\"question\"\n [onlyView]=\"onlyView\"\n (selectEmit)=\"selectChange({value:$event})\"\n (inputValue)=\"inputValue($event.value,$event.question)\"\n >\n </nxt-input>\n <!-- SKS11JUN25 Dropdown list -->\n <ul class=\"nxt-dropdown-menu\" *ngIf=\"!isLoading && showOptions\">\n <!-- No Data -->\n <li *ngIf=\"!isLoading && noDataFound\" class=\"no-data\">\n No Data Found\n </li>\n <!-- SKS3MAR25 searchable functionality -->\n <ng-container *ngIf=\"!isLoading && filteredOptions?.length > 0\">\n <li *ngFor=\"let item of filteredOptions\" (mousedown)=\"selectChange(item)\" [style.font-size]=\"question?.fontSize || '12px'\">\n @if(apiMeta && !apiMeta.isDependentField && item[apiMeta.field]){\n {{item[apiMeta.field]}}\n } @else {\n {{ item.id +'.label' | nxtCustomTranslate : item?.label || item?.value}}\n }\n </li>\n </ng-container>\n \n </ul>\n</div>", styles: [".shengel-custom-select-wrapper{position:relative}.nxt-dropdown-menu{position:absolute;z-index:10000;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;width:100%;margin-top:2px;list-style:none;padding:0}.nxt-dropdown-menu li{padding:8px;display:flex;cursor:pointer}.nxt-dropdown-menu li:hover{background-color:#f0f0f0}.invalid .shengel-custom-select{border-color:red}.shengel-custom-select{width:100%;padding-right:50px}.nxt-dropdown-wrapper{position:relative}.nxt-dropdown-wrapper{position:relative;width:100%}.no-data{font-size:12px}.nxt-dropdown-wrapper:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;overflow:hidden}.nxt-dropdown-wrapper.loading:after{background:linear-gradient(90deg,transparent,#007bff,transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: NxtInput, selector: "nxt-input", inputs: ["label", "labelFont", "labelWeight", "inputWeight", "labelSize", "inputValueSize", "textAlign", "labelColor", "showLabel", "svgHeight", "svgWidth", "type", "inputIconRightSrc", "inputIconLeftSrc", "required", "minLength", "pattern", "errorMessages", "maxLength", "placeholder", "inputBgColor", "inputBorder", "placeholderColor", "placeholderFont", "placeholderWeight", "placeholderSize", "inputTextColor", "inputHeight", "inputWidth", "inputId", "inputBorderSize", "inputConfig", "confPassVal", "confPass", "mode", "value", "question", "showSuggestion", "ariaOwns", "ariaHasPopup", "isLoading", "options", "minDate", "maxDate", "rows", "from", "selectedOption", "apiMeta", "direction", "currency", "helpText", "apiKey", "readOnly", "padding", "margin", "onlyView", "size"], outputs: ["valueChange", "inputValue", "selectEmit", "onBlur", "onFocus", "toggleEmit", "removeValueEmit"] }, { kind: "pipe", type: NxtCustomTranslatePipe, name: "nxtCustomTranslate" }] });
48602
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: nxtDropdown, isStandalone: true, selector: "nxt-dropdown", inputs: { options: "options", placeholder: "placeholder", apiMeta: "apiMeta", selectedValue: "selectedValue", progressBar: "progressBar", readOnly: "readOnly", error: "error", fromShengel: "fromShengel", question: "question", mode: "mode", from: "from", padding: "padding", onlyView: "onlyView", labelFont: "labelFont", label: "label", labelColor: "labelColor", inputTextColor: "inputTextColor", labelSize: "labelSize", inputValueSize: "inputValueSize", labelWeight: "labelWeight", inputWeight: "inputWeight", showLabel: "showLabel", inputBorder: "inputBorder", inputBgColor: "inputBgColor", inputIconLeftSrc: "inputIconLeftSrc" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownWrapper", first: true, predicate: ["dropdownWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #dropdownWrapper class=\"nxt-dropdown-wrapper\" [ngClass]=\"{ 'loading' : isLoading }\">\n <nxt-input\n [type]=\"'dropdown'\"\n [mode]=\"mode\"\n [from]=\"from\"\n [value]=\"selectedValue || null\"\n [selectedOption]=\"selectedOption\"\n (onFocus)=\"getOptions()\"\n [labelFont]=\"labelFont\"\n [label]=\"label ? ((question?.id+'.questionText') | nxtCustomTranslate : label) : ''\"\n [labelColor]=\"labelColor\"\n [inputTextColor]=\"inputTextColor\"\n [labelSize]=\"labelSize\"\n [inputValueSize]=\"inputValueSize\"\n [labelWeight]=\"labelWeight\"\n [inputWeight]=\"inputWeight\"\n [showLabel]=\"showLabel\"\n [readOnly]=\"readOnly\"\n [padding]=\"padding\"\n [inputBorder]=\"inputBorder\" \n svgHeight=\"20px\" svgWidth=\"20px\"\n [placeholder]=\"placeholder\"\n [required]=\"question?.isOptional\" \n [inputBgColor]=\" (from === 'normalDropDown' && !inputBgColor) ? '#eff8ff' : (inputBgColor || '#ffffff')\"\n [inputId]=\"question?.trackingId\"\n [errorMessages]=\"{ required: 'This field is required' }\"\n [inputIconLeftSrc]=\"inputIconLeftSrc\"\n (toggleEmit)=\"toggle()\"\n (clearInputEmit)=\"clearSelection()\"\n [question]=\"question\"\n [onlyView]=\"onlyView\"\n (selectEmit)=\"selectChange({value:$event})\"\n (inputValue)=\"inputValue($event.value,$event.question)\"\n >\n </nxt-input>\n <!-- SKS11JUN25 Dropdown list -->\n <ul class=\"nxt-dropdown-menu\" *ngIf=\"!isLoading && showOptions\">\n <!-- No Data -->\n <li *ngIf=\"!isLoading && noDataFound\" class=\"no-data\">\n No Data Found\n </li>\n <!-- SKS3MAR25 searchable functionality -->\n <ng-container *ngIf=\"!isLoading && filteredOptions?.length > 0\">\n <li *ngFor=\"let item of filteredOptions\" (mousedown)=\"selectChange(item)\" [style.font-size]=\"question?.fontSize || '12px'\">\n @if(apiMeta && !apiMeta.isDependentField && item[apiMeta.field]){\n {{item[apiMeta.field?.[0] || apiMeta.field ]}}\n } @else {\n {{ item.id +'.label' | nxtCustomTranslate : item?.label || item?.value}}\n }\n </li>\n </ng-container>\n \n </ul>\n</div>", styles: [".shengel-custom-select-wrapper{position:relative}.nxt-dropdown-menu{position:absolute;z-index:10000;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;width:100%;margin-top:2px;list-style:none;padding:0}.nxt-dropdown-menu li{padding:8px;display:flex;cursor:pointer}.nxt-dropdown-menu li:hover{background-color:#f0f0f0}.invalid .shengel-custom-select{border-color:red}.shengel-custom-select{width:100%;padding-right:50px}.nxt-dropdown-wrapper{position:relative}.nxt-dropdown-wrapper{position:relative;width:100%}.no-data{font-size:12px}.nxt-dropdown-wrapper:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;overflow:hidden}.nxt-dropdown-wrapper.loading:after{background:linear-gradient(90deg,transparent,#007bff,transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: NxtInput, selector: "nxt-input", inputs: ["label", "labelFont", "labelWeight", "inputWeight", "labelSize", "inputValueSize", "textAlign", "labelColor", "showLabel", "svgHeight", "svgWidth", "type", "inputIconRightSrc", "inputIconLeftSrc", "required", "minLength", "pattern", "errorMessages", "maxLength", "placeholder", "inputBgColor", "inputBorder", "placeholderColor", "placeholderFont", "placeholderWeight", "placeholderSize", "inputTextColor", "inputHeight", "inputWidth", "inputId", "inputBorderSize", "inputConfig", "confPassVal", "confPass", "mode", "value", "question", "showSuggestion", "ariaOwns", "ariaHasPopup", "isLoading", "options", "minDate", "maxDate", "rows", "from", "selectedOption", "apiMeta", "direction", "currency", "helpText", "apiKey", "readOnly", "padding", "margin", "onlyView", "size"], outputs: ["valueChange", "inputValue", "selectEmit", "onBlur", "onFocus", "toggleEmit", "removeValueEmit"] }, { kind: "pipe", type: NxtCustomTranslatePipe, name: "nxtCustomTranslate" }] });
48603
48603
  }
48604
48604
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: nxtDropdown, decorators: [{
48605
48605
  type: Component,
48606
48606
  args: [{ selector: 'nxt-dropdown', standalone: true, imports: [
48607
48607
  CommonModule, FormsModule, NxtInput, NxtCustomTranslatePipe
48608
- ], template: "<div #dropdownWrapper class=\"nxt-dropdown-wrapper\" [ngClass]=\"{ 'loading' : isLoading }\">\n <nxt-input\n [type]=\"'dropdown'\"\n [mode]=\"mode\"\n [from]=\"from\"\n [value]=\"selectedValue || null\"\n [selectedOption]=\"selectedOption\"\n (onFocus)=\"getOptions()\"\n [labelFont]=\"labelFont\"\n [label]=\"label ? ((question?.id+'.questionText') | nxtCustomTranslate : label) : ''\"\n [labelColor]=\"labelColor\"\n [inputTextColor]=\"inputTextColor\"\n [labelSize]=\"labelSize\"\n [inputValueSize]=\"inputValueSize\"\n [labelWeight]=\"labelWeight\"\n [inputWeight]=\"inputWeight\"\n [showLabel]=\"showLabel\"\n [readOnly]=\"readOnly\"\n [padding]=\"padding\"\n [inputBorder]=\"inputBorder\" \n svgHeight=\"20px\" svgWidth=\"20px\"\n [placeholder]=\"placeholder\"\n [required]=\"question?.isOptional\" \n [inputBgColor]=\" (from === 'normalDropDown' && !inputBgColor) ? '#eff8ff' : (inputBgColor || '#ffffff')\"\n [inputId]=\"question?.trackingId\"\n [errorMessages]=\"{ required: 'This field is required' }\"\n [inputIconLeftSrc]=\"inputIconLeftSrc\"\n (toggleEmit)=\"toggle()\"\n (clearInputEmit)=\"clearSelection()\"\n [question]=\"question\"\n [onlyView]=\"onlyView\"\n (selectEmit)=\"selectChange({value:$event})\"\n (inputValue)=\"inputValue($event.value,$event.question)\"\n >\n </nxt-input>\n <!-- SKS11JUN25 Dropdown list -->\n <ul class=\"nxt-dropdown-menu\" *ngIf=\"!isLoading && showOptions\">\n <!-- No Data -->\n <li *ngIf=\"!isLoading && noDataFound\" class=\"no-data\">\n No Data Found\n </li>\n <!-- SKS3MAR25 searchable functionality -->\n <ng-container *ngIf=\"!isLoading && filteredOptions?.length > 0\">\n <li *ngFor=\"let item of filteredOptions\" (mousedown)=\"selectChange(item)\" [style.font-size]=\"question?.fontSize || '12px'\">\n @if(apiMeta && !apiMeta.isDependentField && item[apiMeta.field]){\n {{item[apiMeta.field]}}\n } @else {\n {{ item.id +'.label' | nxtCustomTranslate : item?.label || item?.value}}\n }\n </li>\n </ng-container>\n \n </ul>\n</div>", styles: [".shengel-custom-select-wrapper{position:relative}.nxt-dropdown-menu{position:absolute;z-index:10000;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;width:100%;margin-top:2px;list-style:none;padding:0}.nxt-dropdown-menu li{padding:8px;display:flex;cursor:pointer}.nxt-dropdown-menu li:hover{background-color:#f0f0f0}.invalid .shengel-custom-select{border-color:red}.shengel-custom-select{width:100%;padding-right:50px}.nxt-dropdown-wrapper{position:relative}.nxt-dropdown-wrapper{position:relative;width:100%}.no-data{font-size:12px}.nxt-dropdown-wrapper:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;overflow:hidden}.nxt-dropdown-wrapper.loading:after{background:linear-gradient(90deg,transparent,#007bff,transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
48608
+ ], template: "<div #dropdownWrapper class=\"nxt-dropdown-wrapper\" [ngClass]=\"{ 'loading' : isLoading }\">\n <nxt-input\n [type]=\"'dropdown'\"\n [mode]=\"mode\"\n [from]=\"from\"\n [value]=\"selectedValue || null\"\n [selectedOption]=\"selectedOption\"\n (onFocus)=\"getOptions()\"\n [labelFont]=\"labelFont\"\n [label]=\"label ? ((question?.id+'.questionText') | nxtCustomTranslate : label) : ''\"\n [labelColor]=\"labelColor\"\n [inputTextColor]=\"inputTextColor\"\n [labelSize]=\"labelSize\"\n [inputValueSize]=\"inputValueSize\"\n [labelWeight]=\"labelWeight\"\n [inputWeight]=\"inputWeight\"\n [showLabel]=\"showLabel\"\n [readOnly]=\"readOnly\"\n [padding]=\"padding\"\n [inputBorder]=\"inputBorder\" \n svgHeight=\"20px\" svgWidth=\"20px\"\n [placeholder]=\"placeholder\"\n [required]=\"question?.isOptional\" \n [inputBgColor]=\" (from === 'normalDropDown' && !inputBgColor) ? '#eff8ff' : (inputBgColor || '#ffffff')\"\n [inputId]=\"question?.trackingId\"\n [errorMessages]=\"{ required: 'This field is required' }\"\n [inputIconLeftSrc]=\"inputIconLeftSrc\"\n (toggleEmit)=\"toggle()\"\n (clearInputEmit)=\"clearSelection()\"\n [question]=\"question\"\n [onlyView]=\"onlyView\"\n (selectEmit)=\"selectChange({value:$event})\"\n (inputValue)=\"inputValue($event.value,$event.question)\"\n >\n </nxt-input>\n <!-- SKS11JUN25 Dropdown list -->\n <ul class=\"nxt-dropdown-menu\" *ngIf=\"!isLoading && showOptions\">\n <!-- No Data -->\n <li *ngIf=\"!isLoading && noDataFound\" class=\"no-data\">\n No Data Found\n </li>\n <!-- SKS3MAR25 searchable functionality -->\n <ng-container *ngIf=\"!isLoading && filteredOptions?.length > 0\">\n <li *ngFor=\"let item of filteredOptions\" (mousedown)=\"selectChange(item)\" [style.font-size]=\"question?.fontSize || '12px'\">\n @if(apiMeta && !apiMeta.isDependentField && item[apiMeta.field]){\n {{item[apiMeta.field?.[0] || apiMeta.field ]}}\n } @else {\n {{ item.id +'.label' | nxtCustomTranslate : item?.label || item?.value}}\n }\n </li>\n </ng-container>\n \n </ul>\n</div>", styles: [".shengel-custom-select-wrapper{position:relative}.nxt-dropdown-menu{position:absolute;z-index:10000;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;width:100%;margin-top:2px;list-style:none;padding:0}.nxt-dropdown-menu li{padding:8px;display:flex;cursor:pointer}.nxt-dropdown-menu li:hover{background-color:#f0f0f0}.invalid .shengel-custom-select{border-color:red}.shengel-custom-select{width:100%;padding-right:50px}.nxt-dropdown-wrapper{position:relative}.nxt-dropdown-wrapper{position:relative;width:100%}.no-data{font-size:12px}.nxt-dropdown-wrapper:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;overflow:hidden}.nxt-dropdown-wrapper.loading:after{background:linear-gradient(90deg,transparent,#007bff,transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
48609
48609
  }], ctorParameters: () => [{ type: CountryService }, { type: TranslationService }, { type: ChangeService }, { type: DataService }, { type: StorageService }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
48610
48610
  type: Input
48611
48611
  }], placeholder: [{
@@ -53570,7 +53570,7 @@ class NxtDatatable {
53570
53570
  this.tableEditTrack = false;
53571
53571
  }
53572
53572
  // SKS22JUL25 Invalidate cache for this row and column
53573
- const rowId = element?.id ?? index;
53573
+ const rowId = index;
53574
53574
  const key = `${rowId}-${column ?? 'unknown'}`;
53575
53575
  this.questionsCache.delete(key);
53576
53576
  // Recompute summary columns for the updated row
@@ -53697,13 +53697,13 @@ class NxtDatatable {
53697
53697
  this.hadleDropDownDependent.emit(event);
53698
53698
  }
53699
53699
  trackByRow(index, row) {
53700
- return row?.id ?? index; // unique row id
53700
+ return index; // unique row id
53701
53701
  }
53702
53702
  trackByColumn(index, column) {
53703
53703
  return column?.uniqueIdentifier ?? index; // unique column id
53704
53704
  }
53705
53705
  trackBySummary(index, summary) {
53706
- return summary?.id ?? index;
53706
+ return index;
53707
53707
  }
53708
53708
  trackByIndex(index) {
53709
53709
  return index; //SKS10AUG25 for static arrays like skeleton rows
@@ -59661,7 +59661,7 @@ const VERSION = {
59661
59661
  "semver": null,
59662
59662
  "suffix": "ed0865a9-dirty",
59663
59663
  "semverString": null,
59664
- "version": "2.1.345"
59664
+ "version": "2.1.346"
59665
59665
  };
59666
59666
  /* tslint:enable */
59667
59667