@aquera/nile-elements 2.0.18 → 2.0.19
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/README.md +5 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +404 -385
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js.map +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.esm.js +2 -2
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +14 -2
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +4 -4
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +2 -2
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +48 -47
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +4 -4
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +2 -2
- package/dist/src/nile-breadcrumb/nile-breadcrumb.d.ts +7 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js +24 -1
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js.map +1 -1
- package/dist/src/nile-breadcrumb/nile-breadcrumb.test.js +51 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.test.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +12 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.d.ts +5 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +9 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +1 -0
- package/dist/src/nile-select/nile-select.js +16 -1
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/nile-select.test.js +430 -5
- package/dist/src/nile-select/nile-select.test.js.map +1 -1
- package/dist/src/nile-select/virtual-scroll-helper.js +7 -4
- package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +3 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.js +14 -6
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js +115 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-breadcrumb/nile-breadcrumb.test.ts +57 -0
- package/src/nile-breadcrumb/nile-breadcrumb.ts +19 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts +12 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts +7 -0
- package/src/nile-select/nile-select.test.ts +560 -5
- package/src/nile-select/nile-select.ts +21 -1
- package/src/nile-select/virtual-scroll-helper.ts +7 -4
- package/src/nile-virtual-select/nile-virtual-select.test.ts +139 -1
- package/src/nile-virtual-select/nile-virtual-select.ts +17 -6
- package/vscode-html-custom-data.json +39 -14
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
1
|
+
import { html, noChange, nothing } from 'lit';
|
|
2
|
+
import { guard } from 'lit/directives/guard.js';
|
|
2
3
|
/**
|
|
3
4
|
* Helper class to manage virtual scroll functionality for nile-select component
|
|
4
5
|
*/
|
|
@@ -8,11 +9,13 @@ export class VirtualScrollHelper {
|
|
|
8
9
|
}
|
|
9
10
|
renderVirtualizedContent() {
|
|
10
11
|
const component = this.component;
|
|
12
|
+
const tooltipPath = !!component.showTooltip;
|
|
11
13
|
return html `
|
|
12
14
|
<div class="virtual-select">
|
|
13
15
|
<nile-virtual-select
|
|
14
16
|
.name=${component.name}
|
|
15
17
|
.value=${component.value}
|
|
18
|
+
.maxOptionsVisible=${tooltipPath || !component.maxOptionsVisibleExplicit ? noChange : component.maxOptionsVisible}
|
|
16
19
|
.autoResize=${component.autoResize}
|
|
17
20
|
.showTooltip=${component.showTooltip}
|
|
18
21
|
.chipMinWidth=${component.chipMinWidth}
|
|
@@ -45,7 +48,7 @@ export class VirtualScrollHelper {
|
|
|
45
48
|
.blockValueChange=${component.blockValueChange}
|
|
46
49
|
.noWidthSync=${component.noWidthSync}
|
|
47
50
|
.enableTabClose=${component.enableTabClose}
|
|
48
|
-
.data=${component.data}
|
|
51
|
+
.data=${tooltipPath ? guard([component.data], () => component.data) : component.data}
|
|
49
52
|
.open=${component.open}
|
|
50
53
|
.loading=${component.loading}
|
|
51
54
|
.portal=${component.portal}
|
|
@@ -54,8 +57,8 @@ export class VirtualScrollHelper {
|
|
|
54
57
|
.enableDescription=${component.enableDescription}
|
|
55
58
|
.tickOnSelect=${component.tickOnSelect}
|
|
56
59
|
.legacy=${component.legacy}
|
|
57
|
-
@nile-input=${(e) => component.syncValueFromVirtualSelect(e)}
|
|
58
|
-
@nile-change=${(e) => component.syncValueFromVirtualSelect(e)}
|
|
60
|
+
@nile-input=${tooltipPath ? (e) => component.syncValueFromVirtualSelect(e) : nothing}
|
|
61
|
+
@nile-change=${tooltipPath ? (e) => component.syncValueFromVirtualSelect(e) : nothing}
|
|
59
62
|
exportparts="
|
|
60
63
|
select-options,
|
|
61
64
|
select-no-results,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-select/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-select/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAG9B,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QACxC,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC;QAE5C,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;mBACb,SAAS,CAAC,KAAK;+BACH,WAAW,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB;wBACnG,SAAS,CAAC,UAAU;yBACnB,SAAS,CAAC,WAAW;0BACpB,SAAS,CAAC,YAAY;0BACtB,SAAS,CAAC,YAAY;yBACvB,SAAS,CAAC,WAAW;kBAC5B,SAAS,CAAC,IAAI;2BACL,SAAS,CAAC,aAAa;uCACX,SAAS,CAAC,yBAAyB;gCAC1C,SAAS,CAAC,kBAAkB;4BAChC,SAAS,CAAC,cAAc;sBAC9B,SAAS,CAAC,QAAQ;sBAClB,SAAS,CAAC,QAAQ;0BACd,SAAS,CAAC,YAAY;qBAC3B,SAAS,CAAC,OAAO;oCACF,SAAS,CAAC,sBAAsB;mBACjD,SAAS,CAAC,KAAK;qBACb,SAAS,CAAC,OAAO;sBAChB,SAAS,CAAC,QAAQ;uBACjB,SAAS,CAAC,SAAS;mBACvB,SAAS,CAAC,KAAK;oBACd,SAAS,CAAC,MAAM;kBAClB,SAAS,CAAC,IAAI;mBACb,SAAS,CAAC,KAAK;uBACX,SAAS,CAAC,SAAS;kBACxB,SAAS,CAAC,IAAI;sBACV,SAAS,CAAC,QAAQ;2BACb,SAAS,CAAC,aAAa;8BACpB,SAAS,CAAC,gBAAgB;8BAC1B,SAAS,CAAC,gBAAgB;8BAC1B,SAAS,CAAC,gBAAgB;yBAC/B,SAAS,CAAC,WAAW;4BAClB,SAAS,CAAC,cAAc;kBAClC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;kBAC5E,SAAS,CAAC,IAAI;qBACX,SAAS,CAAC,OAAO;oBAClB,SAAS,CAAC,MAAM;sCACE,SAAS,CAAC,wBAAwB;4BAC5C,SAAS,CAAC,cAAc;+BACrB,SAAS,CAAC,iBAAiB;0BAChC,SAAS,CAAC,YAAY;oBAC5B,SAAS,CAAC,MAAM;wBACZ,WAAW,CAAC,CAAC,CAAC,CAAC,CAAc,EAAE,EAAE,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;yBAClF,WAAW,CAAC,CAAC,CAAC,CAAC,CAAc,EAAE,EAAE,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCvG,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, noChange, nothing } from 'lit';\nimport { guard } from 'lit/directives/guard.js';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-select component\n */\nexport class VirtualScrollHelper {\n private component: NileElement;\n\n constructor(component: NileElement) {\n this.component = component;\n }\n\n renderVirtualizedContent(): any {\n const component = this.component as any;\n const tooltipPath = !!component.showTooltip;\n\n return html`\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=${component.name}\n .value=${component.value}\n .maxOptionsVisible=${tooltipPath || !component.maxOptionsVisibleExplicit ? noChange : component.maxOptionsVisible}\n .autoResize=${component.autoResize}\n .showTooltip=${component.showTooltip}\n .chipMinWidth=${component.chipMinWidth}\n .chipMaxWidth=${component.chipMaxWidth}\n .placeholder=${component.placeholder}\n .size=${component.size}\n .searchEnabled=${component.searchEnabled}\n .internalSearchPlaceHolder=${component.internalSearchPlaceHolder}\n .disableLocalSearch=${component.disableLocalSearch}\n .optionsLoading=${component.optionsLoading}\n .multiple=${component.multiple}\n .helpText=${component.helpText}\n .errorMessage=${component.errorMessage}\n .warning=${component.warning}\n .enableVisibilityEffect=${component.enableVisibilityEffect}\n .error=${component.error}\n .success=${component.success}\n .disabled=${component.disabled}\n .clearable=${component.clearable}\n .hoist=${component.hoist}\n .filled=${component.filled}\n .pill=${component.pill}\n .label=${component.label}\n .placement=${component.placement}\n .form=${component.form}\n .required=${component.required}\n .showNoResults=${component.showNoResults}\n .noResultsMessage=${component.noResultsMessage}\n .renderItemConfig=${component.renderItemConfig}\n .blockValueChange=${component.blockValueChange}\n .noWidthSync=${component.noWidthSync}\n .enableTabClose=${component.enableTabClose}\n .data=${tooltipPath ? guard([component.data], () => component.data) : component.data}\n .open=${component.open}\n .loading=${component.loading}\n .portal=${component.portal}\n .descriptionSearchEnabled=${component.descriptionSearchEnabled}\n .allowHtmlLabel=${component.allowHtmlLabel}\n .enableDescription=${component.enableDescription}\n .tickOnSelect=${component.tickOnSelect}\n .legacy=${component.legacy}\n @nile-input=${tooltipPath ? (e: CustomEvent) => component.syncValueFromVirtualSelect(e) : nothing}\n @nile-change=${tooltipPath ? (e: CustomEvent) => component.syncValueFromVirtualSelect(e) : nothing}\n exportparts=\"\n select-options,\n select-no-results,\n virtualized,\n form-control,\n form-control-label,\n form-control-input,\n combobox,\n prefix,\n display-input,\n tags,\n tag,\n clear-button,\n suffix,\n expand-icon,\n listbox,\n search,\n loader,\n footer,\n tag__content,\n option__base,\n option__label,\n option__prefix,\n option__suffix,\n option__checked-icon,\n option__checkbox,\n option__label_container,\n option__description\n \"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n `;\n }\n}\n"]}
|
|
@@ -89,8 +89,8 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
|
|
|
89
89
|
private visibilityManager?;
|
|
90
90
|
/** The name of the select, submitted as a name/value pair with form data. */
|
|
91
91
|
name: string;
|
|
92
|
-
/** Array of all option items for virtual scrolling */
|
|
93
92
|
data: any;
|
|
93
|
+
private lastSeenValue;
|
|
94
94
|
/** Original unfiltered option items for search functionality */
|
|
95
95
|
private originalOptionItems;
|
|
96
96
|
/**
|
|
@@ -271,6 +271,8 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
|
|
|
271
271
|
private handleWindowResize;
|
|
272
272
|
private handleWindowScroll;
|
|
273
273
|
private handleFooterClick;
|
|
274
|
+
/** Narrows `data` to the items that are currently selected (the "Selected" view). */
|
|
275
|
+
private applySelectedFilter;
|
|
274
276
|
private toggleShowSelected;
|
|
275
277
|
private unSelectAll;
|
|
276
278
|
private handleLabelClick;
|
|
@@ -102,7 +102,6 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
|
|
|
102
102
|
this.scrolling = false;
|
|
103
103
|
/** The name of the select, submitted as a name/value pair with form data. */
|
|
104
104
|
this.name = '';
|
|
105
|
-
/** Array of all option items for virtual scrolling */
|
|
106
105
|
this.data = [];
|
|
107
106
|
/** Original unfiltered option items for search functionality */
|
|
108
107
|
this.originalOptionItems = [];
|
|
@@ -513,6 +512,14 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
|
|
|
513
512
|
event.stopPropagation();
|
|
514
513
|
event.preventDefault();
|
|
515
514
|
}
|
|
515
|
+
/** Narrows `data` to the items that are currently selected (the "Selected" view). */
|
|
516
|
+
applySelectedFilter() {
|
|
517
|
+
const selectedValues = Array.isArray(this.value) ? this.value : [this.value];
|
|
518
|
+
this.data = this.originalOptionItems.filter((item) => {
|
|
519
|
+
const itemValue = this.getItemValue(item);
|
|
520
|
+
return selectedValues.some(val => String(val) === String(itemValue));
|
|
521
|
+
});
|
|
522
|
+
}
|
|
516
523
|
toggleShowSelected(event) {
|
|
517
524
|
event.stopPropagation();
|
|
518
525
|
event.preventDefault();
|
|
@@ -522,11 +529,7 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
|
|
|
522
529
|
this.showSelected = !this.showSelected;
|
|
523
530
|
if (this.showSelected) {
|
|
524
531
|
this.searchValue = "";
|
|
525
|
-
|
|
526
|
-
this.data = this.originalOptionItems.filter((item) => {
|
|
527
|
-
const itemValue = this.getItemValue(item);
|
|
528
|
-
return selectedValues.some(val => String(val) === String(itemValue));
|
|
529
|
-
});
|
|
532
|
+
this.applySelectedFilter();
|
|
530
533
|
}
|
|
531
534
|
else {
|
|
532
535
|
this.data = [...this.originalOptionItems];
|
|
@@ -665,6 +668,7 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
|
|
|
665
668
|
});
|
|
666
669
|
}
|
|
667
670
|
selectionChanged() {
|
|
671
|
+
this.lastSeenValue = this.value;
|
|
668
672
|
const itemsToSearch = this.originalOptionItems.length > 0 ? this.originalOptionItems : this.data;
|
|
669
673
|
this.selectedOptions = VirtualSelectSelectionManager.createVirtualOptionsFromValues(this.value, itemsToSearch, this.getDisplayText.bind(this), this.renderItemConfig?.getValue, this.allowHtmlLabel);
|
|
670
674
|
if (this.multiple) {
|
|
@@ -789,7 +793,11 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
|
|
|
789
793
|
}
|
|
790
794
|
}
|
|
791
795
|
handleValueChange() {
|
|
796
|
+
const externalValueChange = this.value !== this.lastSeenValue;
|
|
792
797
|
this.selectionChanged();
|
|
798
|
+
if (externalValueChange && this.showTooltip && this.showSelected) {
|
|
799
|
+
this.applySelectedFilter();
|
|
800
|
+
}
|
|
793
801
|
this.requestUpdate();
|
|
794
802
|
// Update body append content if it's active
|
|
795
803
|
if (this.portal && this.portalManager.portalContainerElement) {
|