ca-components 1.7.6 → 1.7.7
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.
- package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-default-template/ca-input-dropdown-default-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-svgtext-dispatch-template/ca-input-dropdown-svgtext-dispatch-template.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-svgtext-template/ca-input-dropdown-svgtext-template-item/ca-input-dropdown-svgtext-template-item.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown-test/pipes/dropdown-options.pipe.mjs +4 -2
- package/esm2022/lib/components/ca-input-dropdown-test/pipes/input-dropdown-default-template-class.pipe.mjs +9 -6
- package/esm2022/lib/components/ca-input-test/config/ca-input.config.mjs +1 -1
- package/esm2022/lib/pipes/load-status-background-color.pipe.mjs +3 -1
- package/esm2022/lib/pipes/load-status-colors.pipe.mjs +3 -1
- package/fesm2022/ca-components.mjs +21 -12
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-input-dropdown-test/pipes/input-dropdown-default-template-class.pipe.d.ts +1 -1
- package/lib/components/ca-input-test/config/ca-input.config.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1705,8 +1705,10 @@ class LoadStatusColorsPipe {
|
|
|
1705
1705
|
case eLoadStatus.Unassigned:
|
|
1706
1706
|
case eLoadStatus.Claim:
|
|
1707
1707
|
case eLoadStatus.ClaimFactoring:
|
|
1708
|
+
case eLoadStatus.RevisedClaim:
|
|
1708
1709
|
case eLoadStatus.Hold:
|
|
1709
1710
|
case eLoadStatus.HoldFactoring:
|
|
1711
|
+
case eLoadStatus.InvoicedHold:
|
|
1710
1712
|
case eLoadStatus.Revised:
|
|
1711
1713
|
colorClass = iconColor
|
|
1712
1714
|
? eLoadStatusIconColors.MUTED
|
|
@@ -1840,8 +1842,10 @@ class LoadStatusBackgroundColorPipe {
|
|
|
1840
1842
|
case eLoadStatus.Unassigned:
|
|
1841
1843
|
case eLoadStatus.Claim:
|
|
1842
1844
|
case eLoadStatus.ClaimFactoring:
|
|
1845
|
+
case eLoadStatus.RevisedClaim:
|
|
1843
1846
|
case eLoadStatus.Hold:
|
|
1844
1847
|
case eLoadStatus.HoldFactoring:
|
|
1848
|
+
case eLoadStatus.InvoicedHold:
|
|
1845
1849
|
case eLoadStatus.Revised:
|
|
1846
1850
|
colorClass = eLoadStatusBackgroundColors.GREY;
|
|
1847
1851
|
break;
|
|
@@ -31614,15 +31618,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
31614
31618
|
}] });
|
|
31615
31619
|
|
|
31616
31620
|
class InputDropdownDefaultTemplateClassPipe {
|
|
31617
|
-
transform(option, options, activeItem, inputConfig) {
|
|
31621
|
+
transform(option, options, activeItem, inputConfig, label) {
|
|
31622
|
+
const isActive = label
|
|
31623
|
+
? option.id ===
|
|
31624
|
+
(activeItem?.duplicateId
|
|
31625
|
+
? activeItem?.duplicateId
|
|
31626
|
+
: activeItem?.id)
|
|
31627
|
+
: option === activeItem;
|
|
31618
31628
|
return {
|
|
31619
31629
|
disabled: option?.disabled,
|
|
31620
31630
|
'no-result': options.length === 1 && options[0]?.type === 'no-results',
|
|
31621
31631
|
'add-new': option?.type === 'add-new',
|
|
31622
|
-
active:
|
|
31623
|
-
(activeItem?.duplicateId
|
|
31624
|
-
? activeItem?.duplicateId
|
|
31625
|
-
: activeItem?.id),
|
|
31632
|
+
active: isActive,
|
|
31626
31633
|
'active-repair-truck-trailer': option?.status === 1,
|
|
31627
31634
|
routing_dropdown: inputConfig?.name === 'RoutingAddress',
|
|
31628
31635
|
};
|
|
@@ -32029,7 +32036,7 @@ class CaInputDropdownSvgtextTemplateItemComponent {
|
|
|
32029
32036
|
this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
|
|
32030
32037
|
}
|
|
32031
32038
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgtextTemplateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32032
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextTemplateItemComponent, isStandalone: true, selector: "ca-input-dropdown-svgtext-template-item", inputs: { option: "option", inputConfig: "inputConfig", label: "label", activeItem: "activeItem", searchText: "searchText" }, ngImport: i0, template: "<div\n class=\"svg-text-template svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n>\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon: activeItem : inputConfig\n \"\n [src]=\"option?.logoName
|
|
32039
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextTemplateItemComponent, isStandalone: true, selector: "ca-input-dropdown-svgtext-template-item", inputs: { option: "option", inputConfig: "inputConfig", label: "label", activeItem: "activeItem", searchText: "searchText" }, ngImport: i0, template: "<div\n class=\"svg-text-template svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n>\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon: activeItem : inputConfig\n \"\n [src]=\"\n option?.logoName\n | caSvg\n : inputConfig?.dropdownImageInput?.folder\n : inputConfig?.dropdownImageInput?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.[label]\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.[label]!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n : (option?.[label]\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.[label]! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.[label] === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon svg-size-14\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n ></svg-icon>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
32033
32040
|
// Components
|
|
32034
32041
|
// Component
|
|
32035
32042
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "component", type: CaLoadStatusStringComponent, selector: "ca-load-status-string", inputs: ["status", "justifyStart", "isDetailsLayout", "isDispatchHistoryModalLayout", "isDropdownColor", "statusOrder", "isDispatch", "isDarkColor"] }, { kind: "pipe", type:
|
|
@@ -32051,7 +32058,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
32051
32058
|
LoadStatusColorPipe,
|
|
32052
32059
|
InputDropdownSvgtextTemplateIconPipe,
|
|
32053
32060
|
InputDropdownSvgtextTemplateContainerPipe,
|
|
32054
|
-
], template: "<div\n class=\"svg-text-template svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n>\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon: activeItem : inputConfig\n \"\n [src]=\"option?.logoName
|
|
32061
|
+
], template: "<div\n class=\"svg-text-template svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n>\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"\n option\n | inputDropdownSvgtextTemplateIcon: activeItem : inputConfig\n \"\n [src]=\"\n option?.logoName\n | caSvg\n : inputConfig?.dropdownImageInput?.folder\n : inputConfig?.dropdownImageInput?.subFolder\n \"\n class=\"svgtext-template-logo {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.[label]\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.[label]!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n @if (inputConfig.statusStyle) {\n <ca-load-status-string [status]=\"option\"></ca-load-status-string>\n } @else {\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n : (option?.[label]\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n [ngStyle]=\"true ? (option?.[label]! | loadStatusColor) : {}\"\n class=\"svgtext-template-text\"\n ></div>\n }\n\n <!-- Additional Text -->\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.[label] === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon svg-size-14\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n ></svg-icon>\n }\n</div>\n" }]
|
|
32055
32062
|
}], ctorParameters: () => [], propDecorators: { option: [{
|
|
32056
32063
|
type: Input
|
|
32057
32064
|
}], inputConfig: [{
|
|
@@ -32145,7 +32152,7 @@ class CaInputDropdownSvgtextDispatchTemplateComponent {
|
|
|
32145
32152
|
this.onActiveItem.emit(option);
|
|
32146
32153
|
}
|
|
32147
32154
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgtextDispatchTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextDispatchTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-dispatch-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.[label] === 'No Results',\n 'add-new': option?.[label] === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n trailerContainer: option?.[label] === 'Container',\n lowboyrgn: option?.[label] === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName
|
|
32155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgtextDispatchTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svgtext-dispatch-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.[label] === 'No Results',\n 'add-new': option?.[label] === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n trailerContainer: option?.[label] === 'Container',\n lowboyrgn: option?.[label] === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName\n | caSvg\n : inputConfig?.dropdownImageInput?.folder \n : inputConfig?.dropdownImageInput?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.[label]\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.[label]!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n : (option?.[label]\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.[label] === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon svg-size-14\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n ></svg-icon>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
|
|
32149
32156
|
// Component
|
|
32150
32157
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type:
|
|
32151
32158
|
// Pipe
|
|
@@ -32161,7 +32168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
32161
32168
|
// Pipe
|
|
32162
32169
|
HighlightSearchPipe,
|
|
32163
32170
|
CaSvgPipe,
|
|
32164
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.[label] === 'No Results',\n 'add-new': option?.[label] === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n trailerContainer: option?.[label] === 'Container',\n lowboyrgn: option?.[label] === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName
|
|
32171
|
+
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result': option?.[label] === 'No Results',\n 'add-new': option?.[label] === 'ADD NEW',\n active: option.id === activeItem?.id,\n 'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n trailerContainer: option?.[label] === 'Container',\n lowboyrgn: option?.[label] === 'Low Boy / RGN',\n }\"\n class=\"dropdown-option svg-text-template {{ option?.subFolder }} {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }} {{ inputConfig.customClass }}\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n @if (!option?.isDriver) {\n <svg-icon\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n 'no-svg': !option?.logoName,\n 'hazardous-svg': option?.logoName?.includes('hazardous'),\n 'truck-trailer-logo':\n inputConfig.customClass === 'truck-trailer-dropdown',\n blue: option.class === 'blue',\n yellow: option.class === 'yellow',\n green: option.class === 'green',\n red: option.class === 'red',\n }\"\n [src]=\"\n option?.logoName\n | caSvg\n : inputConfig?.dropdownImageInput?.folder \n : inputConfig?.dropdownImageInput?.subFolder\n \"\n class=\"icon svgtext-template-logo {{\n option?.[label]?.trim()?.replace(' ', '')?.toLowerCase()\n }}\"\n ></svg-icon>\n }\n\n @if (option.logoName && option?.isDriver) {\n <img\n [alt]=\"option?.[label]\"\n [ngClass]=\"{\n active: option.id === activeItem?.id,\n }\"\n [src]=\"option.logoName\"\n [ngStyle]=\"{ 'margin-right': '6px' }\"\n class=\"svg-template-logo\"\n />\n }\n\n @if (!option.logoName && option?.isDriver) {\n <div class=\"no-profile-image\" [ngStyle]=\"{ 'margin-right': '6px' }\">\n <app-ca-profile-image\n [indx]=\"0\"\n [name]=\"option?.[label]!\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n </div>\n }\n\n <!-- Text -->\n\n <div\n [innerHtml]=\"\n option?.number\n ? (option.number\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n : (option?.[label]\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ])\n \"\n [ngClass]=\"{\n 'truck-text': option?.subFolder === 'trucks',\n 'flex-1': option?.additionalText,\n }\"\n class=\"svgtext-template-text\"\n ></div>\n\n <!-- Additional Text -->\n\n @if (option?.additionalText) {\n <div\n [innerHtml]=\"\n option.additionalText\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n class=\"svgtext-template-text additional-text\"\n ></div>\n }\n\n <!-- Plus Icon -->\n\n @if (option?.[label] === 'ADD NEW') {\n <svg-icon\n class=\"plus-icon svg-size-14\"\n [src]=\"inputDropdownSvgRoutes.plusSvg\"\n ></svg-icon>\n }\n </div>\n}\n" }]
|
|
32165
32172
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
32166
32173
|
type: Input
|
|
32167
32174
|
}], activeItem: [{
|
|
@@ -32681,7 +32688,7 @@ class CaInputDropdownDefaultTemplateComponent {
|
|
|
32681
32688
|
this.onActiveItem.emit(option);
|
|
32682
32689
|
}
|
|
32683
32690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDefaultTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32684
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDefaultTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-default-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [innerHtml]=\"\n (option?.[label])\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n [ngClass]=\"\n option\n | inputDropdownDefaultTemplateClass\n : options\n : activeItem\n : inputConfig\n \"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type:
|
|
32691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDefaultTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-default-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track (option.id || $index); let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [innerHtml]=\"\n (option?.[label] ?? option)\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n [ngClass]=\"\n option\n | inputDropdownDefaultTemplateClass\n : options\n : activeItem\n : inputConfig\n : label\n \"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type:
|
|
32685
32692
|
// Pipe
|
|
32686
32693
|
HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownDefaultTemplateClassPipe, name: "inputDropdownDefaultTemplateClass" }] }); }
|
|
32687
32694
|
}
|
|
@@ -32693,7 +32700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
32693
32700
|
// Pipe
|
|
32694
32701
|
HighlightSearchPipe,
|
|
32695
32702
|
InputDropdownDefaultTemplateClassPipe,
|
|
32696
|
-
], template: "@for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [innerHtml]=\"\n (option?.[label])\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n [ngClass]=\"\n option\n | inputDropdownDefaultTemplateClass\n : options\n : activeItem\n : inputConfig\n \"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n ></div>\n}\n" }]
|
|
32703
|
+
], template: "@for (option of options; track (option.id || $index); let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [innerHtml]=\"\n (option?.[label] ?? option)\n | caHighlight\n : [\n {\n index: 45632,\n text: searchText,\n },\n ]\n \"\n [ngClass]=\"\n option\n | inputDropdownDefaultTemplateClass\n : options\n : activeItem\n : inputConfig\n : label\n \"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n ></div>\n}\n" }]
|
|
32697
32704
|
}], ctorParameters: () => [], propDecorators: { dropdownOption: [{
|
|
32698
32705
|
type: ViewChildren,
|
|
32699
32706
|
args: ['dropdownOption']
|
|
@@ -32969,7 +32976,7 @@ var DropdownStringEnum;
|
|
|
32969
32976
|
|
|
32970
32977
|
class DropdownOptionsPipe {
|
|
32971
32978
|
transform(searchText, options, inputConfig, canAddNew, label, sort, template) {
|
|
32972
|
-
let filteredOptions = options.map((option) =>
|
|
32979
|
+
let filteredOptions = options.map((option) => label ? { ...option } : option);
|
|
32973
32980
|
filteredOptions = filteredOptions.filter((item) => {
|
|
32974
32981
|
let filterItem = inputConfig.searchinGroupIndex
|
|
32975
32982
|
? item[inputConfig.searchinGroupIndex]
|
|
@@ -33026,6 +33033,8 @@ class DropdownOptionsPipe {
|
|
|
33026
33033
|
return options;
|
|
33027
33034
|
}
|
|
33028
33035
|
getValue(label, item, template) {
|
|
33036
|
+
if (!label)
|
|
33037
|
+
return item.toString();
|
|
33029
33038
|
switch (template) {
|
|
33030
33039
|
case DropdownTemplateTypeEnum.LOAD_DISPATCHES_TTD:
|
|
33031
33040
|
return `${item.truck?.truckNumber} ${item.trailer?.trailerNumber} ${item.driver?.firstName} ${item.driver?.lastName}`;
|