@skyux/lookup 4.17.6 → 4.17.7
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/CHANGELOG.md +4 -0
- package/bundles/skyux-lookup.umd.js +15 -3
- package/bundles/skyux-lookup.umd.js.map +1 -1
- package/bundles/skyux-lookup.umd.min.js +1 -1
- package/bundles/skyux-lookup.umd.min.js.map +1 -1
- package/esm2015/modules/autocomplete/autocomplete.component.js +6 -2
- package/esm2015/modules/lookup/lookup.component.js +11 -3
- package/esm5/modules/autocomplete/autocomplete.component.js +6 -2
- package/esm5/modules/lookup/lookup.component.js +11 -3
- package/fesm2015/skyux-lookup.js +15 -3
- package/fesm2015/skyux-lookup.js.map +1 -1
- package/fesm5/skyux-lookup.js +15 -3
- package/fesm5/skyux-lookup.js.map +1 -1
- package/modules/autocomplete/autocomplete.component.d.ts +4 -0
- package/modules/lookup/lookup.component.d.ts +4 -0
- package/package.json +1 -1
- package/skyux-lookup.metadata.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
# 4.17.7 (2021-11-03)
|
|
2
|
+
|
|
3
|
+
- Added bug fixes and features from the `master` branch. [#231](https://github.com/blackbaud/skyux-lookup/pull/231)
|
|
4
|
+
|
|
1
5
|
# 4.17.6 (2021-10-13)
|
|
2
6
|
|
|
3
7
|
- Fixed lookup component to allow for setting the value programatically when the component is disabled. [#226](https://github.com/blackbaud/skyux-lookup/pull/226) (Thanks [@ThomasOrtiz](https://github.com/ThomasOrtiz)!)
|
|
@@ -1126,7 +1126,8 @@
|
|
|
1126
1126
|
if (!this.overlay) {
|
|
1127
1127
|
var overlay = this.overlayService.create({
|
|
1128
1128
|
enableClose: false,
|
|
1129
|
-
enablePointerEvents: true
|
|
1129
|
+
enablePointerEvents: true,
|
|
1130
|
+
wrapperClass: this.wrapperClass
|
|
1130
1131
|
});
|
|
1131
1132
|
overlay.attachTemplate(this.resultsTemplateRef);
|
|
1132
1133
|
this.overlay = overlay;
|
|
@@ -1284,6 +1285,9 @@
|
|
|
1284
1285
|
__decorate([
|
|
1285
1286
|
core.Input()
|
|
1286
1287
|
], SkyAutocompleteComponent.prototype, "messageStream", null);
|
|
1288
|
+
__decorate([
|
|
1289
|
+
core.Input()
|
|
1290
|
+
], SkyAutocompleteComponent.prototype, "wrapperClass", void 0);
|
|
1287
1291
|
__decorate([
|
|
1288
1292
|
core.Input()
|
|
1289
1293
|
], SkyAutocompleteComponent.prototype, "propertiesToSearch", null);
|
|
@@ -2490,6 +2494,10 @@
|
|
|
2490
2494
|
}
|
|
2491
2495
|
};
|
|
2492
2496
|
SkyLookupComponent.prototype.onSearchButtonClick = function () {
|
|
2497
|
+
/*istanbul ignore next*/
|
|
2498
|
+
if (this.disabled) {
|
|
2499
|
+
return;
|
|
2500
|
+
}
|
|
2493
2501
|
this.sendAutocompleteMessage(SkyAutocompleteMessageType.CloseDropdown);
|
|
2494
2502
|
var isValueInTextBox = false;
|
|
2495
2503
|
if (this.selectMode === exports.SkyLookupSelectMode.single) {
|
|
@@ -2532,7 +2540,8 @@
|
|
|
2532
2540
|
{
|
|
2533
2541
|
provide: SkyLookupShowMoreNativePickerContext, useValue: context
|
|
2534
2542
|
}
|
|
2535
|
-
]
|
|
2543
|
+
],
|
|
2544
|
+
wrapperClass: this.wrapperClass
|
|
2536
2545
|
});
|
|
2537
2546
|
this.openNativePicker.componentInstance.addClick.subscribe(function () {
|
|
2538
2547
|
_this.addButtonClicked();
|
|
@@ -2705,6 +2714,9 @@
|
|
|
2705
2714
|
__decorate([
|
|
2706
2715
|
core.Input()
|
|
2707
2716
|
], SkyLookupComponent.prototype, "selectMode", null);
|
|
2717
|
+
__decorate([
|
|
2718
|
+
core.Input()
|
|
2719
|
+
], SkyLookupComponent.prototype, "wrapperClass", void 0);
|
|
2708
2720
|
__decorate([
|
|
2709
2721
|
core.Output()
|
|
2710
2722
|
], SkyLookupComponent.prototype, "addClick", void 0);
|
|
@@ -2740,7 +2752,7 @@
|
|
|
2740
2752
|
SkyLookupComponent = __decorate([
|
|
2741
2753
|
core.Component({
|
|
2742
2754
|
selector: 'sky-lookup',
|
|
2743
|
-
template: "<ng-container *ngIf=\"!inputBoxHostSvc\">\n <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n</ng-container>\n\n<ng-template\n #inputTemplateRef\n>\n <div\n class=\"sky-lookup\"\n [ngClass]=\"{\n 'sky-lookup-focused': isInputFocused,\n 'sky-lookup-disabled': disabled,\n 'sky-lookup-single': selectMode === 'single'\n }\"\n #lookupWrapper\n >\n <sky-autocomplete\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [data]=\"data\"\n [debounceTime]=\"debounceTime\"\n [descriptorProperty]=\"descriptorProperty\"\n [enableShowMore]=\"enableShowMore\"\n [messageStream]=\"autocompleteController\"\n [propertiesToSearch]=\"propertiesToSearch\"\n [search]=\"search\"\n [searchFilters]=\"searchFilters\"\n [searchResultsLimit]=\"searchResultsLimit\"\n [searchResultTemplate]=\"searchResultTemplate\"\n [searchTextMinimumCharacters]=\"searchTextMinimumCharacters\"\n [showAddButton]=\"showAddButton\"\n (addClick)=\"addButtonClicked()\"\n (selectionChange)=\"onAutocompleteSelectionChange($event)\"\n (showMoreClick)=\"onShowMoreClick($event)\"\n >\n\n <div class=\"sky-lookup-search-flex-wrapper\">\n <div\n class=\"sky-lookup-search\"\n [ngClass]=\"{\n 'sky-field-status-active': isInputFocused\n }\"\n >\n <sky-tokens *ngIf=\"selectMode === 'multiple'\"\n class=\"sky-lookup-tokens\"\n [disabled]=\"disabled\"\n [displayWith]=\"descriptorProperty\"\n [focusable]=\"false\"\n [messageStream]=\"tokensController\"\n [trackWith]=\"idProperty\"\n [tokens]=\"tokens\"\n (keyup)=\"onTokensKeyUp($event)\"\n (tokensChange)=\"onTokensChange($event)\"\n (tokenSelected)=\"enableShowMore ? openPicker(undefined) : undefined\"\n (focusIndexOverRange)=\"onTokensFocusIndexOverRange()\"\n >\n <textarea\n class=\"sky-form-control sky-lookup-input\"\n rows=\"1\"\n skyAutocomplete\n wrap=\"off\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.placeholder]=\"placeholderText\"\n [autocompleteAttribute]=\"autocompleteAttribute\"\n [disabled]=\"disabled\"\n (blur)=\"onAutocompleteBlur()\"\n (keydown)=\"inputKeydown($event, $event.target.value)\"\n (keyup)=\"inputKeyup($event)\"\n ></textarea>\n </sky-tokens>\n <div *ngIf=\"selectMode === 'single'\"\n class=\"sky-lookup-single-control\"\n >\n <textarea\n class=\"sky-form-control sky-lookup-input\"\n rows=\"1\"\n skyAutocomplete\n wrap=\"off\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.placeholder]=\"placeholderText\"\n [autocompleteAttribute]=\"autocompleteAttribute\"\n [disabled]=\"disabled\"\n (blur)=\"onAutocompleteBlur()\"\n ></textarea>\n </div>\n </div>\n <ng-container *ngIf=\"!inputBoxHostSvc && enableShowMore\">\n <ng-container *ngTemplateOutlet=\"showMoreButtonTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!inputBoxHostSvc && !enableShowMore\">\n <ng-container *ngTemplateOutlet=\"searchIconTemplateRef\"></ng-container>\n </ng-container>\n </div>\n </sky-autocomplete>\n </div>\n</ng-template>\n\n<ng-template\n #showMoreButtonTemplateRef\n>\n <div\n class=\"sky-input-group-btn\"\n >\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_lookup_search_button_show_more' | skyLibResources\"\n (click)=\"onSearchButtonClick()\"\n >\n <sky-icon *skyThemeIf=\"'default'\"\n icon=\"search\"\n ></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\"\n iconType=\"skyux\"\n icon=\"search\"\n ></sky-icon>\n </button>\n </div>\n</ng-template>\n\n<ng-template\n #searchIconTemplateRef\n>\n <div\n class=\"sky-input-group-icon sky-input-box-icon-inset\"\n >\n <sky-icon *skyThemeIf=\"'default'\"\n icon=\"search\"\n [attr.aria-label]=\"'skyux_lookup_search_icon' | skyLibResources\"\n ></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\"\n iconType=\"skyux\"\n icon=\"search\"\n [attr.aria-label]=\"'skyux_lookup_search_icon' | skyLibResources\"\n ></sky-icon>\n </div>\n</ng-template>\n",
|
|
2755
|
+
template: "<ng-container *ngIf=\"!inputBoxHostSvc\">\n <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n</ng-container>\n\n<ng-template\n #inputTemplateRef\n>\n <div\n class=\"sky-lookup\"\n [ngClass]=\"{\n 'sky-lookup-focused': isInputFocused,\n 'sky-lookup-disabled': disabled,\n 'sky-lookup-single': selectMode === 'single'\n }\"\n #lookupWrapper\n >\n <sky-autocomplete\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [data]=\"data\"\n [debounceTime]=\"debounceTime\"\n [descriptorProperty]=\"descriptorProperty\"\n [enableShowMore]=\"enableShowMore\"\n [messageStream]=\"autocompleteController\"\n [propertiesToSearch]=\"propertiesToSearch\"\n [search]=\"search\"\n [searchFilters]=\"searchFilters\"\n [searchResultsLimit]=\"searchResultsLimit\"\n [searchResultTemplate]=\"searchResultTemplate\"\n [searchTextMinimumCharacters]=\"searchTextMinimumCharacters\"\n [showAddButton]=\"showAddButton\"\n [wrapperClass]=\"wrapperClass\"\n (addClick)=\"addButtonClicked()\"\n (selectionChange)=\"onAutocompleteSelectionChange($event)\"\n (showMoreClick)=\"onShowMoreClick($event)\"\n >\n\n <div class=\"sky-lookup-search-flex-wrapper\">\n <div\n class=\"sky-lookup-search\"\n [ngClass]=\"{\n 'sky-field-status-active': isInputFocused && !disabled\n }\"\n >\n <sky-tokens *ngIf=\"selectMode === 'multiple'\"\n class=\"sky-lookup-tokens\"\n [disabled]=\"disabled\"\n [displayWith]=\"descriptorProperty\"\n [focusable]=\"false\"\n [messageStream]=\"tokensController\"\n [trackWith]=\"idProperty\"\n [tokens]=\"tokens\"\n (keyup)=\"onTokensKeyUp($event)\"\n (tokensChange)=\"onTokensChange($event)\"\n (tokenSelected)=\"enableShowMore ? openPicker(undefined) : undefined\"\n (focusIndexOverRange)=\"onTokensFocusIndexOverRange()\"\n >\n <textarea\n class=\"sky-form-control sky-lookup-input\"\n rows=\"1\"\n skyAutocomplete\n wrap=\"off\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.placeholder]=\"placeholderText\"\n [autocompleteAttribute]=\"autocompleteAttribute\"\n [disabled]=\"disabled\"\n (blur)=\"onAutocompleteBlur()\"\n (keydown)=\"inputKeydown($event, $event.target.value)\"\n (keyup)=\"inputKeyup($event)\"\n ></textarea>\n </sky-tokens>\n <div *ngIf=\"selectMode === 'single'\"\n class=\"sky-lookup-single-control\"\n >\n <textarea\n class=\"sky-form-control sky-lookup-input\"\n rows=\"1\"\n skyAutocomplete\n wrap=\"off\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.placeholder]=\"placeholderText\"\n [autocompleteAttribute]=\"autocompleteAttribute\"\n [disabled]=\"disabled\"\n (blur)=\"onAutocompleteBlur()\"\n ></textarea>\n </div>\n </div>\n <ng-container *ngIf=\"!inputBoxHostSvc && enableShowMore\">\n <ng-container *ngTemplateOutlet=\"showMoreButtonTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!inputBoxHostSvc && !enableShowMore\">\n <ng-container *ngTemplateOutlet=\"searchIconTemplateRef\"></ng-container>\n </ng-container>\n </div>\n </sky-autocomplete>\n </div>\n</ng-template>\n\n<ng-template\n #showMoreButtonTemplateRef\n>\n <div\n class=\"sky-input-group-btn\"\n >\n <button\n class=\"sky-btn sky-btn-default\"\n [disabled]=\"disabled\"\n [ngClass]=\"{'sky-btn-disabled': disabled}\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_lookup_search_button_show_more' | skyLibResources\"\n (click)=\"onSearchButtonClick()\"\n >\n <sky-icon *skyThemeIf=\"'default'\"\n icon=\"search\"\n ></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\"\n iconType=\"skyux\"\n icon=\"search\"\n ></sky-icon>\n </button>\n </div>\n</ng-template>\n\n<ng-template\n #searchIconTemplateRef\n>\n <div\n class=\"sky-input-group-icon sky-input-box-icon-inset\"\n [ngClass]=\"{'sky-lookup-disabled': disabled}\"\n >\n <sky-icon *skyThemeIf=\"'default'\"\n icon=\"search\"\n [attr.aria-label]=\"'skyux_lookup_search_icon' | skyLibResources\"\n ></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\"\n iconType=\"skyux\"\n icon=\"search\"\n [attr.aria-label]=\"'skyux_lookup_search_icon' | skyLibResources\"\n ></sky-icon>\n </div>\n</ng-template>\n",
|
|
2744
2756
|
providers: [
|
|
2745
2757
|
SkyLookupAdapterService
|
|
2746
2758
|
],
|