@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/fesm2015/skyux-lookup.js
CHANGED
|
@@ -809,7 +809,8 @@ let SkyAutocompleteComponent = class SkyAutocompleteComponent {
|
|
|
809
809
|
if (!this.overlay) {
|
|
810
810
|
const overlay = this.overlayService.create({
|
|
811
811
|
enableClose: false,
|
|
812
|
-
enablePointerEvents: true
|
|
812
|
+
enablePointerEvents: true,
|
|
813
|
+
wrapperClass: this.wrapperClass
|
|
813
814
|
});
|
|
814
815
|
overlay.attachTemplate(this.resultsTemplateRef);
|
|
815
816
|
this.overlay = overlay;
|
|
@@ -965,6 +966,9 @@ __decorate([
|
|
|
965
966
|
__decorate([
|
|
966
967
|
Input()
|
|
967
968
|
], SkyAutocompleteComponent.prototype, "messageStream", null);
|
|
969
|
+
__decorate([
|
|
970
|
+
Input()
|
|
971
|
+
], SkyAutocompleteComponent.prototype, "wrapperClass", void 0);
|
|
968
972
|
__decorate([
|
|
969
973
|
Input()
|
|
970
974
|
], SkyAutocompleteComponent.prototype, "propertiesToSearch", null);
|
|
@@ -2081,6 +2085,10 @@ let SkyLookupComponent = class SkyLookupComponent extends SkyLookupAutocompleteA
|
|
|
2081
2085
|
}
|
|
2082
2086
|
}
|
|
2083
2087
|
onSearchButtonClick() {
|
|
2088
|
+
/*istanbul ignore next*/
|
|
2089
|
+
if (this.disabled) {
|
|
2090
|
+
return;
|
|
2091
|
+
}
|
|
2084
2092
|
this.sendAutocompleteMessage(SkyAutocompleteMessageType.CloseDropdown);
|
|
2085
2093
|
let isValueInTextBox = false;
|
|
2086
2094
|
if (this.selectMode === SkyLookupSelectMode.single) {
|
|
@@ -2122,7 +2130,8 @@ let SkyLookupComponent = class SkyLookupComponent extends SkyLookupAutocompleteA
|
|
|
2122
2130
|
{
|
|
2123
2131
|
provide: SkyLookupShowMoreNativePickerContext, useValue: context
|
|
2124
2132
|
}
|
|
2125
|
-
]
|
|
2133
|
+
],
|
|
2134
|
+
wrapperClass: this.wrapperClass
|
|
2126
2135
|
});
|
|
2127
2136
|
this.openNativePicker.componentInstance.addClick.subscribe(() => {
|
|
2128
2137
|
this.addButtonClicked();
|
|
@@ -2294,6 +2303,9 @@ __decorate([
|
|
|
2294
2303
|
__decorate([
|
|
2295
2304
|
Input()
|
|
2296
2305
|
], SkyLookupComponent.prototype, "selectMode", null);
|
|
2306
|
+
__decorate([
|
|
2307
|
+
Input()
|
|
2308
|
+
], SkyLookupComponent.prototype, "wrapperClass", void 0);
|
|
2297
2309
|
__decorate([
|
|
2298
2310
|
Output()
|
|
2299
2311
|
], SkyLookupComponent.prototype, "addClick", void 0);
|
|
@@ -2329,7 +2341,7 @@ __decorate([
|
|
|
2329
2341
|
SkyLookupComponent = __decorate([
|
|
2330
2342
|
Component({
|
|
2331
2343
|
selector: 'sky-lookup',
|
|
2332
|
-
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",
|
|
2344
|
+
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",
|
|
2333
2345
|
providers: [
|
|
2334
2346
|
SkyLookupAdapterService
|
|
2335
2347
|
],
|