ca-components 2.0.46 → 2.0.48
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.
|
@@ -31899,6 +31899,7 @@ class CaDetailsTitleCardComponent {
|
|
|
31899
31899
|
}
|
|
31900
31900
|
onPopoverClosed() {
|
|
31901
31901
|
this.toggleInput = false;
|
|
31902
|
+
this.onSearchTextChange.emit(null);
|
|
31902
31903
|
}
|
|
31903
31904
|
handleDropdownOpenCloseClick(dropdownPopover) {
|
|
31904
31905
|
if (dropdownPopover.isOpen()) {
|
|
@@ -33321,7 +33322,11 @@ class DescriptionItemsTextCountDirective {
|
|
|
33321
33322
|
const isStringArray = value?.every((item) => typeof item === 'string');
|
|
33322
33323
|
if (!isStringArray && Array.isArray(value)) {
|
|
33323
33324
|
const objectArray = value;
|
|
33324
|
-
this._items = objectArray.map((item) => item.code ||
|
|
33325
|
+
this._items = objectArray.map((item) => item.code ||
|
|
33326
|
+
item.description ||
|
|
33327
|
+
item.nickname ||
|
|
33328
|
+
item.itemFuel?.name ||
|
|
33329
|
+
'');
|
|
33325
33330
|
}
|
|
33326
33331
|
}
|
|
33327
33332
|
updateItems() {
|
|
@@ -33531,7 +33536,7 @@ class CaItemsDropdownComponent {
|
|
|
33531
33536
|
this.itemsDropdownAction.emit();
|
|
33532
33537
|
}
|
|
33533
33538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33534
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaItemsDropdownComponent, isStandalone: true, selector: "ca-items-dropdown", inputs: { itemsDropdownConfig: "itemsDropdownConfig", itemsDropdownList: "itemsDropdownList", itemsSpecialStylesIndexArray: "itemsSpecialStylesIndexArray", minimisedVariationDropdownTemplate: "minimisedVariationDropdownTemplate", columnWidth: "columnWidth", dropdownWidth: "dropdownWidth", tooltipText: "tooltipText" }, outputs: { itemsDropdownAction: "itemsDropdownAction" }, ngImport: i0, template: "<div\n class=\"h-100 items-dropdown-container\"\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"['bottom-left', 'top-left']\"\n [popoverClass]=\"'items-dropdown-popover'\"\n [container]=\"'body'\"\n>\n @let isDropdownOpen = dropdownPopover.isOpen();\n\n @let gridBackgroundClass =\n isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n @let gridColumns =\n {\n 'grid-template-columns': _itemsDropdownConfig?.gridValues,\n };\n\n @let hasItems = itemsDropdownList && itemsDropdownList.length;\n\n @if (hasItems) {\n @let tooltip = isDropdownOpen ? eStringPlaceholder.EMPTY : tooltipText;\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltip\"\n [tooltipBackground]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n >\n @if (isDropdownOpen) {\n <div\n class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n [ngStyle]=\"gridColumns\"\n >\n @for (\n gridItem of _itemsDropdownConfig?.gridItems;\n track gridItem;\n let gridItemIndex = $index;\n let gridItemFirst = $first;\n let gridItemLast = $last\n ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end'
|
|
33539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaItemsDropdownComponent, isStandalone: true, selector: "ca-items-dropdown", inputs: { itemsDropdownConfig: "itemsDropdownConfig", itemsDropdownList: "itemsDropdownList", itemsSpecialStylesIndexArray: "itemsSpecialStylesIndexArray", minimisedVariationDropdownTemplate: "minimisedVariationDropdownTemplate", columnWidth: "columnWidth", dropdownWidth: "dropdownWidth", tooltipText: "tooltipText" }, outputs: { itemsDropdownAction: "itemsDropdownAction" }, ngImport: i0, template: "<div\n class=\"h-100 items-dropdown-container\"\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"['bottom-left', 'top-left']\"\n [popoverClass]=\"'items-dropdown-popover'\"\n [container]=\"'body'\"\n>\n @let isDropdownOpen = dropdownPopover.isOpen();\n\n @let gridBackgroundClass =\n isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n @let gridColumns =\n {\n 'grid-template-columns': _itemsDropdownConfig?.gridValues,\n };\n\n @let hasItems = itemsDropdownList && itemsDropdownList.length;\n\n @if (hasItems) {\n @let tooltip = isDropdownOpen ? eStringPlaceholder.EMPTY : tooltipText;\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltip\"\n [tooltipBackground]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n >\n @if (isDropdownOpen) {\n <div\n class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n [ngStyle]=\"gridColumns\"\n >\n @for (\n gridItem of _itemsDropdownConfig?.gridItems;\n track gridItem;\n let gridItemIndex = $index;\n let gridItemFirst = $first;\n let gridItemLast = $last\n ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end':\n gridItemIndex > 1 &&\n !_itemsDropdownConfig?.isAlignRightDisabled,\n }\"\n >\n <p\n class=\"text-uppercase\"\n [ngClass]=\"\n _itemsDropdownConfig?.hasTotal &&\n gridItemLast\n ? 'text-size-14 text-color-white ca-font-semi-bold'\n : 'text-size-11 text-color-light-grey-6 ca-font-bold'\n \"\n >\n {{ gridItem }}\n </p>\n </div>\n }\n </div>\n } @else {\n <div\n [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n [itemsSpecialStylesIndexArray]=\"\n itemsSpecialStylesIndexArray\n \"\n [containerWidth]=\"columnWidth\"\n ></div>\n }\n </div>\n }\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n @if (minimisedVariationDropdownTemplate) {\n <ng-container\n *ngTemplateOutlet=\"minimisedVariationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"regularVariationTemplate\"\n ></ng-container>\n }\n </ng-template>\n\n <!-- Templates -->\n\n <!-- Regular Variation Template -->\n\n <ng-template #regularVariationTemplate>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"dropdownWidth | dropdownWidth\"\n >\n @for (\n dropdownItem of dropdownItemsToDisplay;\n track dropdownItemIndex;\n let dropdownItemIndex = $index;\n let dropdownItemLast = $last\n ) {\n @let isPmItem =\n itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n @let pmItemIcon =\n isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n <div\n class=\"d-grid grid-gap-8 br-3 padding-r-4 padding-y-2 background-hover-black\"\n [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n [ngStyle]=\"gridColumns\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center\"\n >\n <p class=\"text-color-grey text-size-14\">\n {{ dropdownItemIndex + 1 }}\n </p>\n </div>\n\n @for (\n dropdownItemText of dropdownItem;\n track dropdownItemTextIndex;\n let dropdownItemTextIndex = $index;\n let dropdownItemTextFirst = $first\n ) {\n @let isCurrencyText =\n _itemsDropdownConfig?.hasTotal &&\n dropdownItemTextIndex >= dropdownItem.length - 2;\n\n @let text =\n isCurrencyText\n ? (dropdownItemText | currency)\n : dropdownItemText;\n\n @let dropdownItemTextClass =\n {\n 'justify-content-end': !dropdownItemTextFirst,\n 'text-color-blue-19': isPmItem,\n 'text-color-white ': !isPmItem,\n };\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"dropdownItemTextClass\"\n >\n <p class=\"text-size-14 ca-font-medium\">\n {{ text }}\n </p>\n\n @if (isPmItem && dropdownItemTextIndex === 0) {\n <svg-icon\n class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n [src]=\"\n pmItemIcon || eStringPlaceholder.EMPTY\n \"\n ></svg-icon>\n }\n </div>\n }\n </div>\n }\n </div>\n </ng-template>\n\n <!-- Minimised Variation Template -->\n\n <ng-template #minimisedVariationTemplate>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"{ width: dropdownWidth + eUnit.PX }\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n minimisedVariationDropdownTemplate;\n context: {\n data: itemsDropdownList,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type:
|
|
33535
33540
|
// modules
|
|
33536
33541
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
33537
33542
|
// components
|
|
@@ -33555,7 +33560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
33555
33560
|
// pipes
|
|
33556
33561
|
PmItemPipe,
|
|
33557
33562
|
DropdownWidthPipe,
|
|
33558
|
-
], template: "<div\n class=\"h-100 items-dropdown-container\"\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"['bottom-left', 'top-left']\"\n [popoverClass]=\"'items-dropdown-popover'\"\n [container]=\"'body'\"\n>\n @let isDropdownOpen = dropdownPopover.isOpen();\n\n @let gridBackgroundClass =\n isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n @let gridColumns =\n {\n 'grid-template-columns': _itemsDropdownConfig?.gridValues,\n };\n\n @let hasItems = itemsDropdownList && itemsDropdownList.length;\n\n @if (hasItems) {\n @let tooltip = isDropdownOpen ? eStringPlaceholder.EMPTY : tooltipText;\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltip\"\n [tooltipBackground]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n >\n @if (isDropdownOpen) {\n <div\n class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n [ngStyle]=\"gridColumns\"\n >\n @for (\n gridItem of _itemsDropdownConfig?.gridItems;\n track gridItem;\n let gridItemIndex = $index;\n let gridItemFirst = $first;\n let gridItemLast = $last\n ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end'
|
|
33563
|
+
], template: "<div\n class=\"h-100 items-dropdown-container\"\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"['bottom-left', 'top-left']\"\n [popoverClass]=\"'items-dropdown-popover'\"\n [container]=\"'body'\"\n>\n @let isDropdownOpen = dropdownPopover.isOpen();\n\n @let gridBackgroundClass =\n isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n @let gridColumns =\n {\n 'grid-template-columns': _itemsDropdownConfig?.gridValues,\n };\n\n @let hasItems = itemsDropdownList && itemsDropdownList.length;\n\n @if (hasItems) {\n @let tooltip = isDropdownOpen ? eStringPlaceholder.EMPTY : tooltipText;\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltip\"\n [tooltipBackground]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n >\n @if (isDropdownOpen) {\n <div\n class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n [ngStyle]=\"gridColumns\"\n >\n @for (\n gridItem of _itemsDropdownConfig?.gridItems;\n track gridItem;\n let gridItemIndex = $index;\n let gridItemFirst = $first;\n let gridItemLast = $last\n ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end':\n gridItemIndex > 1 &&\n !_itemsDropdownConfig?.isAlignRightDisabled,\n }\"\n >\n <p\n class=\"text-uppercase\"\n [ngClass]=\"\n _itemsDropdownConfig?.hasTotal &&\n gridItemLast\n ? 'text-size-14 text-color-white ca-font-semi-bold'\n : 'text-size-11 text-color-light-grey-6 ca-font-bold'\n \"\n >\n {{ gridItem }}\n </p>\n </div>\n }\n </div>\n } @else {\n <div\n [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n [itemsSpecialStylesIndexArray]=\"\n itemsSpecialStylesIndexArray\n \"\n [containerWidth]=\"columnWidth\"\n ></div>\n }\n </div>\n }\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n @if (minimisedVariationDropdownTemplate) {\n <ng-container\n *ngTemplateOutlet=\"minimisedVariationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"regularVariationTemplate\"\n ></ng-container>\n }\n </ng-template>\n\n <!-- Templates -->\n\n <!-- Regular Variation Template -->\n\n <ng-template #regularVariationTemplate>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"dropdownWidth | dropdownWidth\"\n >\n @for (\n dropdownItem of dropdownItemsToDisplay;\n track dropdownItemIndex;\n let dropdownItemIndex = $index;\n let dropdownItemLast = $last\n ) {\n @let isPmItem =\n itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n @let pmItemIcon =\n isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n <div\n class=\"d-grid grid-gap-8 br-3 padding-r-4 padding-y-2 background-hover-black\"\n [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n [ngStyle]=\"gridColumns\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center\"\n >\n <p class=\"text-color-grey text-size-14\">\n {{ dropdownItemIndex + 1 }}\n </p>\n </div>\n\n @for (\n dropdownItemText of dropdownItem;\n track dropdownItemTextIndex;\n let dropdownItemTextIndex = $index;\n let dropdownItemTextFirst = $first\n ) {\n @let isCurrencyText =\n _itemsDropdownConfig?.hasTotal &&\n dropdownItemTextIndex >= dropdownItem.length - 2;\n\n @let text =\n isCurrencyText\n ? (dropdownItemText | currency)\n : dropdownItemText;\n\n @let dropdownItemTextClass =\n {\n 'justify-content-end': !dropdownItemTextFirst,\n 'text-color-blue-19': isPmItem,\n 'text-color-white ': !isPmItem,\n };\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"dropdownItemTextClass\"\n >\n <p class=\"text-size-14 ca-font-medium\">\n {{ text }}\n </p>\n\n @if (isPmItem && dropdownItemTextIndex === 0) {\n <svg-icon\n class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n [src]=\"\n pmItemIcon || eStringPlaceholder.EMPTY\n \"\n ></svg-icon>\n }\n </div>\n }\n </div>\n }\n </div>\n </ng-template>\n\n <!-- Minimised Variation Template -->\n\n <ng-template #minimisedVariationTemplate>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"{ width: dropdownWidth + eUnit.PX }\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n minimisedVariationDropdownTemplate;\n context: {\n data: itemsDropdownList,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n</div>\n" }]
|
|
33559
33564
|
}], propDecorators: { itemsDropdownConfig: [{
|
|
33560
33565
|
type: Input
|
|
33561
33566
|
}], itemsDropdownList: [{
|