ca-components 1.9.92 → 1.9.93
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.
|
@@ -575,7 +575,7 @@ class CaAppTooltipV2Component {
|
|
|
575
575
|
}
|
|
576
576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaAppTooltipV2Component, decorators: [{
|
|
577
577
|
type: Component,
|
|
578
|
-
args: [{ selector: 'mainCaTooltip, [mainCaTooltip]', imports: [CommonModule], template: "<ng-content> </ng-content>\n<ng-template>\n <div\n class=\"tooltip-holder\"\n [style]=\"\n 'margin-top: ' +\n tooltipMarginTop +\n '; background-color: ' +\n tooltipBackground +\n '; color: ' +\n tooltipColor +\n '; text-align: ' +\n tooltipTextAlign +\n ' '\n \"\n [innerHTML]=\"mainCaTooltip\"\n ></div>\n</ng-template>\n" }]
|
|
578
|
+
args: [{ selector: 'mainCaTooltip, [mainCaTooltip]', standalone: true, imports: [CommonModule], template: "<ng-content> </ng-content>\n<ng-template>\n <div\n class=\"tooltip-holder\"\n [style]=\"\n 'margin-top: ' +\n tooltipMarginTop +\n '; background-color: ' +\n tooltipBackground +\n '; color: ' +\n tooltipColor +\n '; text-align: ' +\n tooltipTextAlign +\n ' '\n \"\n [innerHTML]=\"mainCaTooltip\"\n ></div>\n</ng-template>\n" }]
|
|
579
579
|
}], ctorParameters: () => [{ type: i3.NgbTooltip, decorators: [{
|
|
580
580
|
type: Host
|
|
581
581
|
}] }], propDecorators: { mainCaTooltip: [{
|
|
@@ -32717,9 +32717,9 @@ class CaItemsDropdownComponent {
|
|
|
32717
32717
|
this.itemsDropdownAction.emit();
|
|
32718
32718
|
}
|
|
32719
32719
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32720
|
-
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", columnWidth: "columnWidth" }, 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?.join(\n eStringPlaceholder.WHITESPACE\n ),\n };\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\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 ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end
|
|
32720
|
+
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", columnWidth: "columnWidth" }, 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?.join(\n eStringPlaceholder.WHITESPACE\n ),\n };\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\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': gridItemIndex > 1,\n }\"\n >\n <p\n class=\"text-uppercase\"\n [ngClass]=\"\n _itemsDropdownConfig?.hasTotal && 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 ngbTooltip\n [mainCaTooltip]=\"'Show Items'\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n [containerWidth]=\"columnWidth\"\n ></div>\n }\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"columnWidth | 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 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</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type:
|
|
32721
32721
|
// modules
|
|
32722
|
-
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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:
|
|
32722
|
+
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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:
|
|
32723
32723
|
// components
|
|
32724
32724
|
CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type:
|
|
32725
32725
|
// directives
|
|
@@ -32729,7 +32729,7 @@ class CaItemsDropdownComponent {
|
|
|
32729
32729
|
}
|
|
32730
32730
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, decorators: [{
|
|
32731
32731
|
type: Component,
|
|
32732
|
-
args: [{ selector: 'ca-items-dropdown', imports: [
|
|
32732
|
+
args: [{ selector: 'ca-items-dropdown', standalone: true, imports: [
|
|
32733
32733
|
// modules
|
|
32734
32734
|
CommonModule,
|
|
32735
32735
|
NgbModule,
|
|
@@ -32741,7 +32741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
32741
32741
|
// pipes
|
|
32742
32742
|
PmItemPipe,
|
|
32743
32743
|
DropdownWidthPipe,
|
|
32744
|
-
], 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?.join(\n eStringPlaceholder.WHITESPACE\n ),\n };\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\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 ) {\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'justify-content-center': gridItemFirst,\n 'justify-content-end
|
|
32744
|
+
], 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?.join(\n eStringPlaceholder.WHITESPACE\n ),\n };\n\n <div\n class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n [ngClass]=\"gridBackgroundClass\"\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': gridItemIndex > 1,\n }\"\n >\n <p\n class=\"text-uppercase\"\n [ngClass]=\"\n _itemsDropdownConfig?.hasTotal && 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 ngbTooltip\n [mainCaTooltip]=\"'Show Items'\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [tooltipMarginTop]=\"'-6px'\"\n [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n [containerWidth]=\"columnWidth\"\n ></div>\n }\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div\n class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n [ngStyle]=\"columnWidth | 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 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</div>\n" }]
|
|
32745
32745
|
}], propDecorators: { itemsDropdownConfig: [{
|
|
32746
32746
|
type: Input
|
|
32747
32747
|
}], itemsDropdownList: [{
|