@skyux/lookup 12.0.0-alpha.2 → 12.0.0-alpha.3

package/fesm2022/skyux-lookup.mjs

@@ -1350,6 +1350,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                     }]
             }] } });
 
+/**
+ * @docsIncludeIds SkyAutocompleteComponent, SkyAutocompleteInputDirective,  SkyAutocompleteSearchArgs, SkyAutocompleteSearchAsyncArgs, AutocompleteSearchAsyncResultDisplayType, SkyAutocompleteSearchAsyncResult, SkyAutocompleteSearchContext, SkyAutocompleteSearchFunctionFilter, SkyAutocompleteSearchFunctionResponse, SkyAutocompleteSearchFunction, SkyAutocompleteSelectionChange, SkyAutocompleteHarness, SkyAutocompleteHarnessFilters, SkyAutocompleteSearchResultHarness
+ */
 class SkyAutocompleteModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyAutocompleteModule, declarations: [SkyAutocompleteComponent,
@@ -1809,6 +1812,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                     }]
             }] } });
 
+/**
+ * @docsIncludeIds SkyCountryFieldComponent, SkyCountryFieldCountry, SkyCountryFieldHarness, SkyCountryFieldHarnessFilters, SkyCountryFieldSearchResultHarness
+ */
 class SkyCountryFieldModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyCountryFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyCountryFieldModule, declarations: [SkyCountryFieldComponent], imports: [CommonModule,
@@ -2165,6 +2171,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Input
             }] } });
 
+/**
+ * @docsIncludeIds SkySearchComponent, SkySearchHarness
+ */
 class SkySearchModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkySearchModule, declarations: [SkySearchComponent], imports: [CommonModule,
@@ -2432,7 +2441,7 @@ class SkySelectionModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySelectionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySelectionModalComponent, isStandalone: true, selector: "sky-selection-modal", ngImport: i0, template: "<sky-modal\n  class=\"sky-lookup-show-more-modal\"\n  [attr.id]=\"id\"\n  [ngClass]=\"'sky-lookup-show-more-modal-' + context.selectMode\"\n>\n  <sky-modal-header>\n    @if (context.userConfig?.title) {\n      {{ context.userConfig.title }}\n    } @else {\n      {{\n        'skyux_lookup_show_more_modal_title'\n          | skyLibResources: context.selectionDescriptor\n      }}\n    }\n  </sky-modal-header>\n  <sky-modal-content\n    [skyViewkeeper]=\"['.sky-lookup-show-more-toolbar-wrapper']\"\n  >\n    <sky-wait [isWaiting]=\"isSearching\" />\n    <div class=\"sky-lookup-show-more-toolbar-wrapper\">\n      <sky-toolbar\n        class=\"sky-lookup-show-more-modal-toolbar\"\n        [listDescriptor]=\"context.selectionDescriptor\"\n      >\n        <sky-toolbar-section>\n          <sky-toolbar-item>\n            <sky-search\n              [debounceTime]=\"250\"\n              [searchText]=\"searchText\"\n              (searchApply)=\"searchApplied($event)\"\n            />\n          </sky-toolbar-item>\n          <sky-toolbar-view-actions>\n            @if (context.showAddButton) {\n              <button\n                type=\"button\"\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-add\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_add_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"addButtonClicked()\"\n              >\n                <sky-icon icon=\"add\" />\n                {{ 'skyux_lookup_show_more_add' | skyLibResources }}\n              </button>\n            }\n          </sky-toolbar-view-actions>\n        </sky-toolbar-section>\n      </sky-toolbar>\n      @if (context.selectMode === 'multiple') {\n        <sky-toolbar class=\"sky-lookup-show-more-modal-multiselect-toolbar\">\n          <sky-toolbar-section>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-select-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_select_all_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"selectAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_select_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-clear-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_clear_all_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"clearAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_clear_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-view-actions>\n              <sky-checkbox\n                [label]=\"\n                  'skyux_lookup_show_more_show_selected_option_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                [(checked)]=\"onlyShowSelected\"\n                (change)=\"updateDisplayedItems()\"\n              >\n                <sky-checkbox-label>\n                  {{\n                    'skyux_lookup_show_more_show_selected_option_title'\n                      | skyLibResources\n                  }}\n                </sky-checkbox-label>\n              </sky-checkbox>\n            </sky-toolbar-view-actions>\n          </sky-toolbar-section>\n        </sky-toolbar>\n      }\n    </div>\n    @if (!isSearching && displayedItems.length === 0) {\n      <div class=\"sky-font-deemphasized sky-lookup-show-more-no-results\">\n        {{ 'skyux_lookup_show_more_no_results' | skyLibResources }}\n      </div>\n    }\n    <sky-repeater class=\"sky-lookup-show-more-repeater\" expandMode=\"none\">\n      @for (item of displayedItems; track item) {\n        <sky-repeater-item\n          [isSelected]=\"\n            item[context.idProperty]\n              | skySelectionModalItemSelected: selectedIdMap\n          \"\n          [selectable]=\"context.selectMode === 'multiple'\"\n          (click)=\"itemClick(item)\"\n          (keyup.enter)=\"itemClick(item)\"\n          (isSelectedChange)=\"onItemSelect($event, item)\"\n        >\n          <sky-repeater-item-content>\n            <ng-container\n              *ngTemplateOutlet=\"\n                repeaterItemTemplate ?? defaultItemTemplate;\n                context: { item: item }\n              \"\n            />\n          </sky-repeater-item-content>\n        </sky-repeater-item>\n      }\n    </sky-repeater>\n    <sky-infinite-scroll\n      [enabled]=\"hasMoreItems\"\n      [loading]=\"isLoadingMore\"\n      (scrollEnd)=\"infiniteScrollEnd()\"\n    />\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact sky-lookup-show-more-modal-save\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        'skyux_lookup_show_more_select_context'\n          | skyLibResources: context.selectionDescriptor\n      \"\n      [disabled]=\"isSearching\"\n      (click)=\"save()\"\n    >\n      {{ 'skyux_lookup_show_more_select' | skyLibResources }}\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-close\"\n      type=\"button\"\n      (click)=\"modalInstance.close()\"\n    >\n      {{ 'skyux_lookup_show_more_cancel' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultItemTemplate let-item=\"item\">\n  {{ item[context.descriptorProperty] }}\n</ng-template>\n", styles: [".sky-lookup-show-more-no-results{padding:20px 0}:host-context(.sky-theme-modern) .sky-lookup-show-more-no-results{padding:30px 0}.sky-theme-modern .sky-lookup-show-more-no-results{padding:30px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyInfiniteScrollModule }, { kind: "component", type: i4$2.λ6, selector: "sky-infinite-scroll", inputs: ["enabled", "loading"], outputs: ["scrollEnd"] }, { kind: "ngmodule", type: SkyLookupResourcesModule }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i6.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i6.λ2, selector: "sky-modal-content" }, { kind: "component", type: i6.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i6.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i4$2.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i4$2.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i4$2.λ8, selector: "sky-repeater-item-content" }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "pipe", type: SkySelectionModalItemSelectedPipe, name: "skySelectionModalItemSelected" }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i8$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i8$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i8$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i8$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "ngmodule", type: SkyWaitModule }, { kind: "component", type: i5.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySelectionModalComponent, isStandalone: true, selector: "sky-selection-modal", ngImport: i0, template: "<sky-modal\n  class=\"sky-lookup-show-more-modal\"\n  [attr.id]=\"id\"\n  [ngClass]=\"'sky-lookup-show-more-modal-' + context.selectMode\"\n>\n  <sky-modal-header>\n    @if (context.userConfig?.title) {\n      {{ context.userConfig.title }}\n    } @else {\n      {{\n        'skyux_lookup_show_more_modal_title'\n          | skyLibResources: context.selectionDescriptor\n      }}\n    }\n  </sky-modal-header>\n  <sky-modal-content\n    [skyViewkeeper]=\"['.sky-lookup-show-more-toolbar-wrapper']\"\n  >\n    <sky-wait [isWaiting]=\"isSearching\" />\n    <div class=\"sky-lookup-show-more-toolbar-wrapper\">\n      <sky-toolbar\n        class=\"sky-lookup-show-more-modal-toolbar\"\n        [listDescriptor]=\"context.selectionDescriptor\"\n      >\n        <sky-toolbar-section>\n          <sky-toolbar-item>\n            <sky-search\n              [debounceTime]=\"250\"\n              [searchText]=\"searchText\"\n              (searchApply)=\"searchApplied($event)\"\n            />\n          </sky-toolbar-item>\n          <sky-toolbar-view-actions>\n            @if (context.showAddButton) {\n              <button\n                type=\"button\"\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-add\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_add_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"addButtonClicked()\"\n              >\n                <sky-icon icon=\"add\" />\n                {{ 'skyux_lookup_show_more_add' | skyLibResources }}\n              </button>\n            }\n          </sky-toolbar-view-actions>\n        </sky-toolbar-section>\n      </sky-toolbar>\n      @if (context.selectMode === 'multiple') {\n        <sky-toolbar class=\"sky-lookup-show-more-modal-multiselect-toolbar\">\n          <sky-toolbar-section>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-select-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_select_all_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"selectAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_select_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-clear-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_clear_all_button_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                (click)=\"clearAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_clear_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-view-actions>\n              <sky-checkbox\n                [label]=\"\n                  'skyux_lookup_show_more_show_selected_option_aria_label'\n                    | skyLibResources: context.selectionDescriptor\n                \"\n                [(checked)]=\"onlyShowSelected\"\n                (change)=\"updateDisplayedItems()\"\n              >\n                <sky-checkbox-label>\n                  {{\n                    'skyux_lookup_show_more_show_selected_option_title'\n                      | skyLibResources\n                  }}\n                </sky-checkbox-label>\n              </sky-checkbox>\n            </sky-toolbar-view-actions>\n          </sky-toolbar-section>\n        </sky-toolbar>\n      }\n    </div>\n    @if (!isSearching && displayedItems.length === 0) {\n      <div class=\"sky-font-deemphasized sky-lookup-show-more-no-results\">\n        {{ 'skyux_lookup_show_more_no_results' | skyLibResources }}\n      </div>\n    }\n    <sky-repeater class=\"sky-lookup-show-more-repeater\" expandMode=\"none\">\n      @for (item of displayedItems; track item) {\n        <sky-repeater-item\n          [isSelected]=\"\n            item[context.idProperty]\n              | skySelectionModalItemSelected: selectedIdMap\n          \"\n          [selectable]=\"context.selectMode === 'multiple'\"\n          (click)=\"itemClick(item)\"\n          (keyup.enter)=\"itemClick(item)\"\n          (isSelectedChange)=\"onItemSelect($event, item)\"\n        >\n          <sky-repeater-item-content>\n            <ng-container\n              *ngTemplateOutlet=\"\n                repeaterItemTemplate ?? defaultItemTemplate;\n                context: { item: item }\n              \"\n            />\n          </sky-repeater-item-content>\n        </sky-repeater-item>\n      }\n    </sky-repeater>\n    <sky-infinite-scroll\n      [enabled]=\"hasMoreItems\"\n      [loading]=\"isLoadingMore\"\n      (scrollEnd)=\"infiniteScrollEnd()\"\n    />\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact sky-lookup-show-more-modal-save\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        'skyux_lookup_show_more_select_context'\n          | skyLibResources: context.selectionDescriptor\n      \"\n      [disabled]=\"isSearching\"\n      (click)=\"save()\"\n    >\n      {{ 'skyux_lookup_show_more_select' | skyLibResources }}\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-close\"\n      type=\"button\"\n      (click)=\"modalInstance.close()\"\n    >\n      {{ 'skyux_lookup_show_more_cancel' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultItemTemplate let-item=\"item\">\n  {{ item[context.descriptorProperty] }}\n</ng-template>\n", styles: [".sky-lookup-show-more-no-results{padding:20px 0}:host-context(.sky-theme-modern) .sky-lookup-show-more-no-results{padding:30px 0}.sky-theme-modern .sky-lookup-show-more-no-results{padding:30px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyInfiniteScrollModule }, { kind: "component", type: i4$2.λ6, selector: "sky-infinite-scroll", inputs: ["enabled", "loading"], outputs: ["scrollEnd"] }, { kind: "ngmodule", type: SkyLookupResourcesModule }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i6.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i6.λ2, selector: "sky-modal-content" }, { kind: "component", type: i6.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i6.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i4$2.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i4$2.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i4$2.λ8, selector: "sky-repeater-item-content" }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "pipe", type: SkySelectionModalItemSelectedPipe, name: "skySelectionModalItemSelected" }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i8$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i8$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i8$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i8$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "ngmodule", type: SkyWaitModule }, { kind: "component", type: i5.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySelectionModalComponent, decorators: [{
             type: Component,
@@ -2499,6 +2508,7 @@ class SkySelectionModalInstance {
 
 /**
  * Displays a modal for selecting one or more values.
+ * @docsIncludeIds SkySelectionModalAddCallbackArgs, SkySelectionModalAddClickEventArgs, SkySelectionModalCloseArgs, SkySelectionModalOpenArgs, SkySelectionModalResult, SkySelectionModalSearchArgs, SkySelectionModalSearchResult, SkySelectionModalHarness, SkySelectionModalSearchResultHarnessFilters, SkySelectionModalSearchResultHarness
  */
 class SkySelectionModalService {
     #modalSvc;
@@ -2992,7 +3002,7 @@ class SkyLookupShowMoreModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyLookupShowMoreModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyLookupShowMoreModalComponent, isStandalone: true, selector: "sky-lookup-show-more-modal", ngImport: i0, template: "<sky-modal\n  class=\"sky-lookup-show-more-modal\"\n  [attr.id]=\"id\"\n  [ngClass]=\"'sky-lookup-show-more-modal-' + context.selectMode\"\n>\n  <sky-modal-header>\n    @if (context.userConfig?.title) {\n      {{ context.userConfig.title }}\n    } @else {\n      {{\n        'skyux_lookup_show_more_modal_title'\n          | skyLibResources: context.userConfig.selectionDescriptor\n      }}\n    }\n  </sky-modal-header>\n  <sky-modal-content\n    [skyViewkeeper]=\"['.sky-lookup-show-more-toolbar-wrapper']\"\n  >\n    <div class=\"sky-lookup-show-more-toolbar-wrapper\">\n      <sky-toolbar\n        class=\"sky-lookup-show-more-modal-toolbar\"\n        [listDescriptor]=\"context.userConfig.selectionDescriptor\"\n      >\n        <sky-toolbar-section>\n          <sky-toolbar-item>\n            <sky-search\n              [debounceTime]=\"250\"\n              [searchText]=\"searchText\"\n              (searchApply)=\"searchApplied($event)\"\n            />\n          </sky-toolbar-item>\n          <sky-toolbar-view-actions>\n            @if (context.showAddButton) {\n              <button\n                type=\"button\"\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-add\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_add_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"addButtonClicked()\"\n              >\n                <sky-icon icon=\"add\" />\n                {{ 'skyux_lookup_show_more_add' | skyLibResources }}\n              </button>\n            }\n          </sky-toolbar-view-actions>\n        </sky-toolbar-section>\n      </sky-toolbar>\n      @if (context.selectMode === 'multiple') {\n        <sky-toolbar class=\"sky-lookup-show-more-modal-multiselect-toolbar\">\n          <sky-toolbar-section>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-select-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_select_all_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"selectAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_select_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-clear-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_clear_all_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"clearAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_clear_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-view-actions>\n              <sky-checkbox\n                [label]=\"\n                  'skyux_lookup_show_more_show_selected_option_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                [(checked)]=\"onlyShowSelected\"\n                (change)=\"updateDataState()\"\n              >\n                <sky-checkbox-label>\n                  {{\n                    'skyux_lookup_show_more_show_selected_option_title'\n                      | skyLibResources\n                  }}\n                </sky-checkbox-label>\n              </sky-checkbox>\n            </sky-toolbar-view-actions>\n          </sky-toolbar-section>\n        </sky-toolbar>\n      }\n    </div>\n    @if (displayedItems.length === 0) {\n      <div class=\"sky-font-deemphasized sky-lookup-show-more-no-results\">\n        {{ 'skyux_lookup_show_more_no_results' | skyLibResources }}\n      </div>\n    }\n    <sky-repeater class=\"sky-lookup-show-more-repeater\" expandMode=\"none\">\n      @for (item of displayedItems; track item) {\n        <sky-repeater-item\n          [selectable]=\"context.selectMode === 'multiple'\"\n          [(isSelected)]=\"item.selected\"\n          (click)=\"itemClick(item)\"\n          (keyup.enter)=\"itemClick(item)\"\n          (isSelectedChange)=\"onItemSelect($event, item)\"\n        >\n          <sky-repeater-item-content>\n            <ng-container\n              *ngTemplateOutlet=\"\n                repeaterItemTemplate ?? defaultItemTemplate;\n                context: { item: item.value }\n              \"\n            />\n          </sky-repeater-item-content>\n        </sky-repeater-item>\n      }\n    </sky-repeater>\n    <sky-infinite-scroll\n      [enabled]=\"itemsHaveMore\"\n      [loading]=\"itemsLoading\"\n      (scrollEnd)=\"addItems()\"\n    />\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact sky-lookup-show-more-modal-save\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        'skyux_lookup_show_more_select_context'\n          | skyLibResources: context.userConfig.selectionDescriptor\n      \"\n      (click)=\"modalInstance.save(selectedItems)\"\n    >\n      {{ 'skyux_lookup_show_more_select' | skyLibResources }}\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-close\"\n      type=\"button\"\n      (click)=\"modalInstance.close()\"\n    >\n      {{ 'skyux_lookup_show_more_cancel' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultItemTemplate let-item=\"item\">\n  {{ item[context.descriptorProperty] }}\n</ng-template>\n", styles: [".sky-lookup-show-more-no-results{padding:20px 0}:host-context(.sky-theme-modern) .sky-lookup-show-more-no-results{padding:30px 0}.sky-theme-modern .sky-lookup-show-more-no-results{padding:30px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyInfiniteScrollModule }, { kind: "component", type: i4$2.λ6, selector: "sky-infinite-scroll", inputs: ["enabled", "loading"], outputs: ["scrollEnd"] }, { kind: "ngmodule", type: SkyLookupResourcesModule }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i6.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i6.λ2, selector: "sky-modal-content" }, { kind: "component", type: i6.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i6.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i4$2.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i4$2.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i4$2.λ8, selector: "sky-repeater-item-content" }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i8$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i8$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i8$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i8$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyLookupShowMoreModalComponent, isStandalone: true, selector: "sky-lookup-show-more-modal", ngImport: i0, template: "<sky-modal\n  class=\"sky-lookup-show-more-modal\"\n  [attr.id]=\"id\"\n  [ngClass]=\"'sky-lookup-show-more-modal-' + context.selectMode\"\n>\n  <sky-modal-header>\n    @if (context.userConfig?.title) {\n      {{ context.userConfig.title }}\n    } @else {\n      {{\n        'skyux_lookup_show_more_modal_title'\n          | skyLibResources: context.userConfig.selectionDescriptor\n      }}\n    }\n  </sky-modal-header>\n  <sky-modal-content\n    [skyViewkeeper]=\"['.sky-lookup-show-more-toolbar-wrapper']\"\n  >\n    <div class=\"sky-lookup-show-more-toolbar-wrapper\">\n      <sky-toolbar\n        class=\"sky-lookup-show-more-modal-toolbar\"\n        [listDescriptor]=\"context.userConfig.selectionDescriptor\"\n      >\n        <sky-toolbar-section>\n          <sky-toolbar-item>\n            <sky-search\n              [debounceTime]=\"250\"\n              [searchText]=\"searchText\"\n              (searchApply)=\"searchApplied($event)\"\n            />\n          </sky-toolbar-item>\n          <sky-toolbar-view-actions>\n            @if (context.showAddButton) {\n              <button\n                type=\"button\"\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-add\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_add_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"addButtonClicked()\"\n              >\n                <sky-icon icon=\"add\" />\n                {{ 'skyux_lookup_show_more_add' | skyLibResources }}\n              </button>\n            }\n          </sky-toolbar-view-actions>\n        </sky-toolbar-section>\n      </sky-toolbar>\n      @if (context.selectMode === 'multiple') {\n        <sky-toolbar class=\"sky-lookup-show-more-modal-multiselect-toolbar\">\n          <sky-toolbar-section>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-select-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_select_all_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"selectAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_select_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-item>\n              <button\n                class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-clear-all-btn\"\n                type=\"button\"\n                [attr.aria-label]=\"\n                  'skyux_lookup_show_more_clear_all_button_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                (click)=\"clearAll()\"\n              >\n                {{\n                  'skyux_lookup_show_more_clear_all_button_title'\n                    | skyLibResources\n                }}\n              </button>\n            </sky-toolbar-item>\n            <sky-toolbar-view-actions>\n              <sky-checkbox\n                [label]=\"\n                  'skyux_lookup_show_more_show_selected_option_aria_label'\n                    | skyLibResources: context.userConfig.selectionDescriptor\n                \"\n                [(checked)]=\"onlyShowSelected\"\n                (change)=\"updateDataState()\"\n              >\n                <sky-checkbox-label>\n                  {{\n                    'skyux_lookup_show_more_show_selected_option_title'\n                      | skyLibResources\n                  }}\n                </sky-checkbox-label>\n              </sky-checkbox>\n            </sky-toolbar-view-actions>\n          </sky-toolbar-section>\n        </sky-toolbar>\n      }\n    </div>\n    @if (displayedItems.length === 0) {\n      <div class=\"sky-font-deemphasized sky-lookup-show-more-no-results\">\n        {{ 'skyux_lookup_show_more_no_results' | skyLibResources }}\n      </div>\n    }\n    <sky-repeater class=\"sky-lookup-show-more-repeater\" expandMode=\"none\">\n      @for (item of displayedItems; track item) {\n        <sky-repeater-item\n          [selectable]=\"context.selectMode === 'multiple'\"\n          [(isSelected)]=\"item.selected\"\n          (click)=\"itemClick(item)\"\n          (keyup.enter)=\"itemClick(item)\"\n          (isSelectedChange)=\"onItemSelect($event, item)\"\n        >\n          <sky-repeater-item-content>\n            <ng-container\n              *ngTemplateOutlet=\"\n                repeaterItemTemplate ?? defaultItemTemplate;\n                context: { item: item.value }\n              \"\n            />\n          </sky-repeater-item-content>\n        </sky-repeater-item>\n      }\n    </sky-repeater>\n    <sky-infinite-scroll\n      [enabled]=\"itemsHaveMore\"\n      [loading]=\"itemsLoading\"\n      (scrollEnd)=\"addItems()\"\n    />\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact sky-lookup-show-more-modal-save\"\n      type=\"button\"\n      [attr.aria-label]=\"\n        'skyux_lookup_show_more_select_context'\n          | skyLibResources: context.userConfig.selectionDescriptor\n      \"\n      (click)=\"modalInstance.save(selectedItems)\"\n    >\n      {{ 'skyux_lookup_show_more_select' | skyLibResources }}\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link sky-lookup-show-more-modal-close\"\n      type=\"button\"\n      (click)=\"modalInstance.close()\"\n    >\n      {{ 'skyux_lookup_show_more_cancel' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultItemTemplate let-item=\"item\">\n  {{ item[context.descriptorProperty] }}\n</ng-template>\n", styles: [".sky-lookup-show-more-no-results{padding:20px 0}:host-context(.sky-theme-modern) .sky-lookup-show-more-no-results{padding:30px 0}.sky-theme-modern .sky-lookup-show-more-no-results{padding:30px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyInfiniteScrollModule }, { kind: "component", type: i4$2.λ6, selector: "sky-infinite-scroll", inputs: ["enabled", "loading"], outputs: ["scrollEnd"] }, { kind: "ngmodule", type: SkyLookupResourcesModule }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i6.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i6.λ2, selector: "sky-modal-content" }, { kind: "component", type: i6.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i6.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i4$2.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i4$2.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i4$2.λ8, selector: "sky-repeater-item-content" }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i8$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i8$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i8$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i8$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyLookupShowMoreModalComponent, decorators: [{
             type: Component,
@@ -3752,6 +3762,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                     }]
             }] } });
 
+/**
+ * @docsIncludeIds SkyLookupComponent, SkyLookupAddCallbackArgs, SkyLookupAddClickEventArgs, SkyLookupSelectModeType, SkyLookupShowMoreConfig, SkyLookupShowMoreCustomPickerContext, SkyLookupShowMoreCustomPicker, SkyLookupShowMoreNativePickerConfig, SkyLookupHarness
+ */
 class SkyLookupModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyLookupModule, declarations: [SkyLookupComponent], imports: [CommonModule,
@@ -3808,6 +3821,7 @@ class SkyLookupShowMoreCustomPickerContext {
 
 /**
  * @deprecated The `SkySelectionModalModule` is no longer needed and can be removed from your application.
+ * @internal
  */
 class SkySelectionModalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySelectionModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }