ca-components 2.0.47 → 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.
|
@@ -33322,7 +33322,11 @@ class DescriptionItemsTextCountDirective {
|
|
|
33322
33322
|
const isStringArray = value?.every((item) => typeof item === 'string');
|
|
33323
33323
|
if (!isStringArray && Array.isArray(value)) {
|
|
33324
33324
|
const objectArray = value;
|
|
33325
|
-
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
|
+
'');
|
|
33326
33330
|
}
|
|
33327
33331
|
}
|
|
33328
33332
|
updateItems() {
|
|
@@ -33532,7 +33536,7 @@ class CaItemsDropdownComponent {
|
|
|
33532
33536
|
this.itemsDropdownAction.emit();
|
|
33533
33537
|
}
|
|
33534
33538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33535
|
-
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:
|
|
33536
33540
|
// modules
|
|
33537
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:
|
|
33538
33542
|
// components
|
|
@@ -33556,7 +33560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
33556
33560
|
// pipes
|
|
33557
33561
|
PmItemPipe,
|
|
33558
33562
|
DropdownWidthPipe,
|
|
33559
|
-
], 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" }]
|
|
33560
33564
|
}], propDecorators: { itemsDropdownConfig: [{
|
|
33561
33565
|
type: Input
|
|
33562
33566
|
}], itemsDropdownList: [{
|