@skyux/lookup 11.43.0 → 11.44.0

package/fesm2022/skyux-lookup.mjs

@@ -79,6 +79,57 @@ const RESOURCES = {
         skyux_search_open: { message: 'Open search' },
         skyux_search_placeholder: { message: 'Find in this list' },
     },
+    'FR-CA': {
+        skyux_autocomplete_add: { message: 'Nouveau' },
+        skyux_autocomplete_multiple_results: {
+            message: '{0} résultats disponibles.',
+        },
+        skyux_autocomplete_no_results: { message: 'Aucune correspondance trouvée' },
+        skyux_autocomplete_one_result: { message: 'Un résultat disponible.' },
+        skyux_autocomplete_show_all: { message: 'Afficher tout' },
+        skyux_autocomplete_show_all_count: { message: 'Afficher tout {0}' },
+        skyux_autocomplete_show_matches_count: {
+            message: 'Afficher les correspondances ({0})',
+        },
+        skyux_country_field_search_placeholder: { message: 'Rechercher un pays' },
+        skyux_lookup_search_button_show_more: {
+            message: 'Afficher tous les résultats de la recherche',
+        },
+        skyux_lookup_show_more_add: { message: 'Nouveau' },
+        skyux_lookup_show_more_add_button_aria_label: { message: 'Ajouter {0}' },
+        skyux_lookup_show_more_displayed_items_updated: {
+            message: '{1} éléments affichés, avec {0} sélectionné(s).',
+        },
+        skyux_lookup_show_more_select_all_button_aria_label: {
+            message: 'Sélectionner tout {0}',
+        },
+        skyux_lookup_show_more_select_all_button_title: {
+            message: 'Sélectionner tout',
+        },
+        skyux_lookup_show_more_clear_all_button_aria_label: {
+            message: 'Supprimer tous les éléments sélectionnés {0}',
+        },
+        skyux_lookup_show_more_clear_all_button_title: { message: 'Effacer tout' },
+        skyux_lookup_show_more_show_selected_option_aria_label: {
+            message: 'Montrer seulement ce qui est sélectionné {0}',
+        },
+        skyux_lookup_show_more_show_selected_option_title: {
+            message: 'Montrer seulement les éléments sélectionnés',
+        },
+        skyux_lookup_show_more_cancel: { message: 'Annuler' },
+        skyux_lookup_show_more_modal_title: { message: 'Sélectionner {0}' },
+        skyux_lookup_show_more_no_results: {
+            message: 'Aucune correspondance trouvée',
+        },
+        skyux_lookup_show_more_select: { message: 'Sélectionner' },
+        skyux_lookup_show_more_select_context: { message: 'Sélectionner {0}' },
+        skyux_lookup_tokens_summary: { message: '{0} articles sélectionnés' },
+        skyux_search_aria_label_descriptor: { message: 'Rechercher {0}' },
+        skyux_search_dismiss: { message: 'Omettre la recherche' },
+        skyux_search_label: { message: 'Rechercher des articles' },
+        skyux_search_open: { message: 'Ouvrir la recherche' },
+        skyux_search_placeholder: { message: 'Trouver dans cette liste' },
+    },
 };
 SkyLibResourcesService.addResources(RESOURCES);
 /**
@@ -2419,7 +2470,7 @@ class SkySelectionModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkySelectionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: "18.2.13", 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", "layout"] }, { 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: "18.2.13", ngImport: i0, type: SkySelectionModalComponent, decorators: [{
             type: Component,
@@ -2979,7 +3030,7 @@ class SkyLookupShowMoreModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyLookupShowMoreModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: "18.2.13", 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", "layout"] }, { 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: "18.2.13", ngImport: i0, type: SkyLookupShowMoreModalComponent, decorators: [{
             type: Component,