@acorex/components 22.1.0 → 22.1.1
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/fesm2022/acorex-components-combo-box.mjs +2 -2
- package/fesm2022/acorex-components-combo-box.mjs.map +1 -1
- package/fesm2022/acorex-components-lookup.mjs +24 -10
- package/fesm2022/acorex-components-lookup.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +7 -1
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/package.json +3 -3
- package/types/acorex-components-lookup.d.ts +4 -2
- package/types/acorex-components-tree-view.d.ts +11 -1
|
@@ -208,7 +208,8 @@ class AXLookupListViewBase {
|
|
|
208
208
|
this.maxVisibleItems = input(8, /* @ts-ignore */
|
|
209
209
|
...(ngDevMode ? [{ debugName: "maxVisibleItems" }] : /* istanbul ignore next */ []));
|
|
210
210
|
/**
|
|
211
|
-
* Custom template rendered for each item. Context: `$implicit` is the item
|
|
211
|
+
* Custom template rendered for each item. Context: `$implicit` is the item;
|
|
212
|
+
* `highlightText` is the active search query when result highlighting is enabled.
|
|
212
213
|
* Default option chrome is not applied on top of the template.
|
|
213
214
|
*/
|
|
214
215
|
this.itemTemplate = input(undefined, /* @ts-ignore */
|
|
@@ -432,7 +433,10 @@ class AXLookupDropDownListComponent extends AXLookupListViewBase {
|
|
|
432
433
|
>
|
|
433
434
|
@if (item != null) {
|
|
434
435
|
@if (itemTemplate()) {
|
|
435
|
-
<ng-container
|
|
436
|
+
<ng-container
|
|
437
|
+
[ngTemplateOutlet]="itemTemplate()!"
|
|
438
|
+
[ngTemplateOutletContext]="{ $implicit: item, highlightText: highlightText() }"
|
|
439
|
+
/>
|
|
436
440
|
} @else {
|
|
437
441
|
<span class="ax-lookup-option-text">
|
|
438
442
|
<ax-highlight-text [text]="getText(item)" [query]="highlightText()" />
|
|
@@ -503,7 +507,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
503
507
|
>
|
|
504
508
|
@if (item != null) {
|
|
505
509
|
@if (itemTemplate()) {
|
|
506
|
-
<ng-container
|
|
510
|
+
<ng-container
|
|
511
|
+
[ngTemplateOutlet]="itemTemplate()!"
|
|
512
|
+
[ngTemplateOutletContext]="{ $implicit: item, highlightText: highlightText() }"
|
|
513
|
+
/>
|
|
507
514
|
} @else {
|
|
508
515
|
<span class="ax-lookup-option-text">
|
|
509
516
|
<ax-highlight-text [text]="getText(item)" [query]="highlightText()" />
|
|
@@ -895,7 +902,7 @@ class AXLookupMultiColumnTreeComponent {
|
|
|
895
902
|
@if (ctx.data != null && itemTemplate()) {
|
|
896
903
|
<ng-container
|
|
897
904
|
[ngTemplateOutlet]="itemTemplate()!"
|
|
898
|
-
[ngTemplateOutletContext]="{ $implicit: ctx.data }"
|
|
905
|
+
[ngTemplateOutletContext]="{ $implicit: ctx.data, highlightText: highlightText() }"
|
|
899
906
|
/>
|
|
900
907
|
}
|
|
901
908
|
</td>
|
|
@@ -959,7 +966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
959
966
|
@if (ctx.data != null && itemTemplate()) {
|
|
960
967
|
<ng-container
|
|
961
968
|
[ngTemplateOutlet]="itemTemplate()!"
|
|
962
|
-
[ngTemplateOutletContext]="{ $implicit: ctx.data }"
|
|
969
|
+
[ngTemplateOutletContext]="{ $implicit: ctx.data, highlightText: highlightText() }"
|
|
963
970
|
/>
|
|
964
971
|
}
|
|
965
972
|
</td>
|
|
@@ -1249,7 +1256,7 @@ class AXLookupMultiColumnComponent {
|
|
|
1249
1256
|
@if (ctx.data != null && itemTemplate()) {
|
|
1250
1257
|
<ng-container
|
|
1251
1258
|
[ngTemplateOutlet]="itemTemplate()!"
|
|
1252
|
-
[ngTemplateOutletContext]="{ $implicit: ctx.data }"
|
|
1259
|
+
[ngTemplateOutletContext]="{ $implicit: ctx.data, highlightText: highlightText() }"
|
|
1253
1260
|
/>
|
|
1254
1261
|
}
|
|
1255
1262
|
</td>
|
|
@@ -1310,7 +1317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
1310
1317
|
@if (ctx.data != null && itemTemplate()) {
|
|
1311
1318
|
<ng-container
|
|
1312
1319
|
[ngTemplateOutlet]="itemTemplate()!"
|
|
1313
|
-
[ngTemplateOutletContext]="{ $implicit: ctx.data }"
|
|
1320
|
+
[ngTemplateOutletContext]="{ $implicit: ctx.data, highlightText: highlightText() }"
|
|
1314
1321
|
/>
|
|
1315
1322
|
}
|
|
1316
1323
|
</td>
|
|
@@ -1532,7 +1539,10 @@ class AXLookupMultiSelectComponent extends AXLookupListViewBase {
|
|
|
1532
1539
|
[disabled]="isDisabled(item)"
|
|
1533
1540
|
></ax-check-box>
|
|
1534
1541
|
@if (itemTemplate()) {
|
|
1535
|
-
<ng-container
|
|
1542
|
+
<ng-container
|
|
1543
|
+
[ngTemplateOutlet]="itemTemplate()!"
|
|
1544
|
+
[ngTemplateOutletContext]="{ $implicit: item, highlightText: highlightText() }"
|
|
1545
|
+
/>
|
|
1536
1546
|
} @else {
|
|
1537
1547
|
<span class="ax-lookup-option-text">
|
|
1538
1548
|
<ax-highlight-text [text]="getText(item)" [query]="highlightText()" />
|
|
@@ -1607,7 +1617,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
1607
1617
|
[disabled]="isDisabled(item)"
|
|
1608
1618
|
></ax-check-box>
|
|
1609
1619
|
@if (itemTemplate()) {
|
|
1610
|
-
<ng-container
|
|
1620
|
+
<ng-container
|
|
1621
|
+
[ngTemplateOutlet]="itemTemplate()!"
|
|
1622
|
+
[ngTemplateOutletContext]="{ $implicit: item, highlightText: highlightText() }"
|
|
1623
|
+
/>
|
|
1611
1624
|
} @else {
|
|
1612
1625
|
<span class="ax-lookup-option-text">
|
|
1613
1626
|
<ax-highlight-text [text]="getText(item)" [query]="highlightText()" />
|
|
@@ -1827,7 +1840,8 @@ class AXLookupComponent extends NXValueComponent {
|
|
|
1827
1840
|
*/
|
|
1828
1841
|
this.highlightSearch = input(true, { ...(ngDevMode ? { debugName: "highlightSearch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1829
1842
|
/**
|
|
1830
|
-
* Custom template rendered for each item/node. Context: `$implicit` is the item
|
|
1843
|
+
* Custom template rendered for each item/node. Context: `$implicit` is the item;
|
|
1844
|
+
* `highlightText` is the active search query when result highlighting is enabled.
|
|
1831
1845
|
* Default option chrome (padding, typography, check icon) is not applied; only the
|
|
1832
1846
|
* template's styles are used. Selection and hover backgrounds remain on the row.
|
|
1833
1847
|
*/
|