@skyux/lists 12.15.0 → 12.17.0

package/fesm2022/skyux-lists.mjs

@@ -235,11 +235,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  */
 class SkyFilterInlineComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyFilterInlineComponent, isStandalone: false, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n  <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyFilterInlineComponent, isStandalone: false, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline\">\n  <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef;--sky-override-filter-inline-padding: 10px 10px 10px 10px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);padding:var(--sky-override-filter-inline-padding, var(--sky-comp-filter_bar-space-inset-top) var(--sky-comp-filter_bar-space-inset-right) var(--sky-comp-filter_bar-space-inset-bottom) var(--sky-comp-filter_bar-space-inset-left));display:flex;align-items:center}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-filter-inline', standalone: false, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n  <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'sky-filter-inline', standalone: false, template: "<div class=\"sky-filter-inline\">\n  <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef;--sky-override-filter-inline-padding: 10px 10px 10px 10px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);padding:var(--sky-override-filter-inline-padding, var(--sky-comp-filter_bar-space-inset-top) var(--sky-comp-filter_bar-space-inset-right) var(--sky-comp-filter_bar-space-inset-bottom) var(--sky-comp-filter_bar-space-inset-left));display:flex;align-items:center}\n"] }]
         }] });
 
 /**
@@ -520,11 +520,11 @@ class SkyInfiniteScrollComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyInfiniteScrollComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SkyInfiniteScrollDomAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyInfiniteScrollComponent, isStandalone: false, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0, template: "@if (enabled) {\n  <div class=\"sky-infinite-scroll\">\n    @if (!isWaiting) {\n      <button\n        class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n        type=\"button\"\n        (click)=\"startInfiniteScrollLoad()\"\n      >\n        {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n      </button>\n    } @else {\n      <sky-wait [isWaiting]=\"true\" />\n    }\n  </div>\n}\n", styles: [".sky-infinite-scroll:not(.sky-theme-modern *){--sky-override-infinite-scroll-margin: 20px;--sky-override-infinite-scroll-max-height: 75px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-infinite-scroll{--sky-override-infinite-scroll-max-height: 75px}.sky-infinite-scroll{margin-top:var(--sky-override-infinite-scroll-margin, var(--sky-space-stacked-l));text-align:center;min-height:var(--sky-override-infinite-scroll-max-height, calc(max(var(--sky-size-icon-xxxl), var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-space-inset-pillarbox-1_2-top-m) * 2) + var(--sky-space-inset-pillarbox-1_3-top-m) * 2))}\n"], dependencies: [{ kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyInfiniteScrollComponent, isStandalone: false, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0, template: "@if (enabled) {\n  <div class=\"sky-infinite-scroll\">\n    @if (!isWaiting) {\n      <button\n        class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n        type=\"button\"\n        (click)=\"startInfiniteScrollLoad()\"\n      >\n        {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n      </button>\n    } @else {\n      <sky-wait [isWaiting]=\"true\" />\n    }\n  </div>\n}\n", styles: [".sky-infinite-scroll:not(.sky-theme-modern *){--sky-override-infinite-scroll-margin: 20px;--sky-override-infinite-scroll-max-height: 75px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-infinite-scroll{--sky-override-infinite-scroll-max-height: 75px}.sky-infinite-scroll{margin-top:var(--sky-override-infinite-scroll-margin, var(--sky-space-stacked-l));text-align:center;min-height:var(--sky-override-infinite-scroll-max-height, calc(max(var(--sky-size-icon-xxxl), var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-space-inset-top) + var(--sky-comp-button-space-inset-bottom)) + var(--sky-space-inset-vertical-top-s) * 2))}\n"], dependencies: [{ kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyInfiniteScrollComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-infinite-scroll', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInfiniteScrollDomAdapterService], standalone: false, template: "@if (enabled) {\n  <div class=\"sky-infinite-scroll\">\n    @if (!isWaiting) {\n      <button\n        class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n        type=\"button\"\n        (click)=\"startInfiniteScrollLoad()\"\n      >\n        {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n      </button>\n    } @else {\n      <sky-wait [isWaiting]=\"true\" />\n    }\n  </div>\n}\n", styles: [".sky-infinite-scroll:not(.sky-theme-modern *){--sky-override-infinite-scroll-margin: 20px;--sky-override-infinite-scroll-max-height: 75px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-infinite-scroll{--sky-override-infinite-scroll-max-height: 75px}.sky-infinite-scroll{margin-top:var(--sky-override-infinite-scroll-margin, var(--sky-space-stacked-l));text-align:center;min-height:var(--sky-override-infinite-scroll-max-height, calc(max(var(--sky-size-icon-xxxl), var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-space-inset-pillarbox-1_2-top-m) * 2) + var(--sky-space-inset-pillarbox-1_3-top-m) * 2))}\n"] }]
+            args: [{ selector: 'sky-infinite-scroll', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInfiniteScrollDomAdapterService], standalone: false, template: "@if (enabled) {\n  <div class=\"sky-infinite-scroll\">\n    @if (!isWaiting) {\n      <button\n        class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n        type=\"button\"\n        (click)=\"startInfiniteScrollLoad()\"\n      >\n        {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n      </button>\n    } @else {\n      <sky-wait [isWaiting]=\"true\" />\n    }\n  </div>\n}\n", styles: [".sky-infinite-scroll:not(.sky-theme-modern *){--sky-override-infinite-scroll-margin: 20px;--sky-override-infinite-scroll-max-height: 75px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-infinite-scroll{--sky-override-infinite-scroll-max-height: 75px}.sky-infinite-scroll{margin-top:var(--sky-override-infinite-scroll-margin, var(--sky-space-stacked-l));text-align:center;min-height:var(--sky-override-infinite-scroll-max-height, calc(max(var(--sky-size-icon-xxxl), var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-space-inset-top) + var(--sky-comp-button-space-inset-bottom)) + var(--sky-space-inset-vertical-top-s) * 2))}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: SkyInfiniteScrollDomAdapterService }], propDecorators: { enabled: [{
                 type: Input
             }], loading: [{
@@ -679,11 +679,11 @@ class SkyPagingComponent {
         this.contentWrapper?.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyPagingComponent, isStandalone: false, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange", contentChange: "contentChange" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<sky-wait\n  [ariaLabel]=\"\n    'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n  \"\n  [isWaiting]=\"!!(isLoading | async)\"\n  [screenReaderCompletedText]=\"\n    'skyux_paging_loaded' | skyLibResources: currentPage\n  \"\n/>\n<div\n  #contentWrapper\n  class=\"sky-paging-content-wrapper\"\n  role=\"group\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"\n    'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n  \"\n>\n  <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n  <nav\n    class=\"sky-paging\"\n    [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n  >\n    <ul>\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n          sky-cmp-id=\"previous\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n          [disabled]=\"isPreviousButtonDisabled\"\n          (click)=\"previousPage()\"\n        >\n          <sky-icon iconName=\"chevron-left\" />\n        </button>\n      </li>\n      @for (pageNumber of displayedPages; track pageNumber) {\n        <li class=\"sky-list-paging-link\">\n          <button\n            class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n            type=\"button\"\n            [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n            [attr.sky-cmp-id]=\"pageNumber\"\n            [attr.aria-label]=\"\n              'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n            \"\n            [disabled]=\"currentPage === pageNumber\"\n            [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n            (click)=\"setPage(pageNumber)\"\n          >\n            {{ pageNumber }}\n          </button>\n        </li>\n      }\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n          sky-cmp-id=\"next\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n          [disabled]=\"isNextButtonDisabled\"\n          (click)=\"nextPage()\"\n        >\n          <sky-icon iconName=\"chevron-right\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-space-inset-balanced-xs))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyPagingComponent, isStandalone: false, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange", contentChange: "contentChange" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<sky-wait\n  [ariaLabel]=\"\n    'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n  \"\n  [isWaiting]=\"!!(isLoading | async)\"\n  [screenReaderCompletedText]=\"\n    'skyux_paging_loaded' | skyLibResources: currentPage\n  \"\n/>\n<div\n  #contentWrapper\n  class=\"sky-paging-content-wrapper\"\n  role=\"group\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"\n    'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n  \"\n>\n  <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n  <nav\n    class=\"sky-paging\"\n    [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n  >\n    <ul>\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n          sky-cmp-id=\"previous\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n          [disabled]=\"isPreviousButtonDisabled\"\n          (click)=\"previousPage()\"\n        >\n          <sky-icon iconName=\"chevron-left\" />\n        </button>\n      </li>\n      @for (pageNumber of displayedPages; track pageNumber) {\n        <li class=\"sky-list-paging-link\">\n          <button\n            class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n            type=\"button\"\n            [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n            [attr.sky-cmp-id]=\"pageNumber\"\n            [attr.aria-label]=\"\n              'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n            \"\n            [disabled]=\"currentPage === pageNumber\"\n            [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n            (click)=\"setPage(pageNumber)\"\n          >\n            {{ pageNumber }}\n          </button>\n        </li>\n      }\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n          sky-cmp-id=\"next\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n          [disabled]=\"isNextButtonDisabled\"\n          (click)=\"nextPage()\"\n        >\n          <sky-icon iconName=\"chevron-right\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-comp-paging_button-space-inset-top) var(--sky-comp-paging_button-space-inset-right) var(--sky-comp-paging_button-space-inset-bottom) var(--sky-comp-paging_button-space-inset-left));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPagingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-paging', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<sky-wait\n  [ariaLabel]=\"\n    'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n  \"\n  [isWaiting]=\"!!(isLoading | async)\"\n  [screenReaderCompletedText]=\"\n    'skyux_paging_loaded' | skyLibResources: currentPage\n  \"\n/>\n<div\n  #contentWrapper\n  class=\"sky-paging-content-wrapper\"\n  role=\"group\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"\n    'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n  \"\n>\n  <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n  <nav\n    class=\"sky-paging\"\n    [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n  >\n    <ul>\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n          sky-cmp-id=\"previous\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n          [disabled]=\"isPreviousButtonDisabled\"\n          (click)=\"previousPage()\"\n        >\n          <sky-icon iconName=\"chevron-left\" />\n        </button>\n      </li>\n      @for (pageNumber of displayedPages; track pageNumber) {\n        <li class=\"sky-list-paging-link\">\n          <button\n            class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n            type=\"button\"\n            [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n            [attr.sky-cmp-id]=\"pageNumber\"\n            [attr.aria-label]=\"\n              'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n            \"\n            [disabled]=\"currentPage === pageNumber\"\n            [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n            (click)=\"setPage(pageNumber)\"\n          >\n            {{ pageNumber }}\n          </button>\n        </li>\n      }\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n          sky-cmp-id=\"next\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n          [disabled]=\"isNextButtonDisabled\"\n          (click)=\"nextPage()\"\n        >\n          <sky-icon iconName=\"chevron-right\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-space-inset-balanced-xs))}\n"] }]
+            args: [{ selector: 'sky-paging', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<sky-wait\n  [ariaLabel]=\"\n    'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n  \"\n  [isWaiting]=\"!!(isLoading | async)\"\n  [screenReaderCompletedText]=\"\n    'skyux_paging_loaded' | skyLibResources: currentPage\n  \"\n/>\n<div\n  #contentWrapper\n  class=\"sky-paging-content-wrapper\"\n  role=\"group\"\n  tabindex=\"-1\"\n  [attr.aria-label]=\"\n    'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n  \"\n>\n  <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n  <nav\n    class=\"sky-paging\"\n    [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n  >\n    <ul>\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n          sky-cmp-id=\"previous\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n          [disabled]=\"isPreviousButtonDisabled\"\n          (click)=\"previousPage()\"\n        >\n          <sky-icon iconName=\"chevron-left\" />\n        </button>\n      </li>\n      @for (pageNumber of displayedPages; track pageNumber) {\n        <li class=\"sky-list-paging-link\">\n          <button\n            class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n            type=\"button\"\n            [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n            [attr.sky-cmp-id]=\"pageNumber\"\n            [attr.aria-label]=\"\n              'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n            \"\n            [disabled]=\"currentPage === pageNumber\"\n            [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n            (click)=\"setPage(pageNumber)\"\n          >\n            {{ pageNumber }}\n          </button>\n        </li>\n      }\n      <li>\n        <button\n          class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n          sky-cmp-id=\"next\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n          [disabled]=\"isNextButtonDisabled\"\n          (click)=\"nextPage()\"\n        >\n          <sky-icon iconName=\"chevron-right\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-comp-paging_button-space-inset-top) var(--sky-comp-paging_button-space-inset-right) var(--sky-comp-paging_button-space-inset-bottom) var(--sky-comp-paging_button-space-inset-left));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left))}\n"] }]
         }], propDecorators: { currentPage: [{
                 type: Input
             }], itemCount: [{
@@ -1407,11 +1407,11 @@ class SkyRepeaterItemComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyRepeaterItemComponent, deps: [{ token: SkyRepeaterService }, { token: i0.ChangeDetectorRef }, { token: SkyRepeaterAdapterService }, { token: i0.ElementRef }, { token: i3.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyRepeaterItemComponent, isStandalone: false, selector: "sky-repeater-item", inputs: { disabled: "disabled", itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.repeaterGroupClass" } }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: ElementRef }, { propertyName: "titleComponent", first: true, predicate: SkyRepeaterItemTitleComponent, descendants: true, read: ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  #itemRef\n  class=\"sky-repeater-item sky-padding-even-default\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-labelledby]=\"itemName || titleId\"\n  [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n  [attr.role]=\"(itemRole$ | async)?.item\"\n  [attr.tabIndex]=\"tabindex\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selectable': selectable,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\" />\n  </div>\n\n  @if (inlineFormTemplate) {\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n    </sky-inline-form>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n  }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div\n    class=\"sky-repeater-item-left\"\n    [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n  >\n    @if (reorderable) {\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        #grabHandle\n        class=\"sky-btn sky-btn-icon-borderless sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n      >\n        <sky-icon iconName=\"arrow-bidirectional-up-down\" />\n      </button>\n      <!-- Used to ensure that the right side is the same height as the left by placeholding the size of the back to top button.-->\n      <div class=\"sky-repeater-item-top-button-placeholder\"></div>\n    }\n    @if (selectable) {\n      <sky-checkbox\n        class=\"sky-repeater-item-checkbox\"\n        [checked]=\"isSelected\"\n        [disabled]=\"disabled\"\n        [labelHidden]=\"true\"\n        [labelText]=\"\n          itemName\n            ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n        \"\n        (change)=\"onCheckboxChange($event)\"\n      />\n    }\n    <div\n      #contextMenuEl\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div #itemHeaderRef class=\"sky-repeater-item-right\">\n    <div\n      class=\"sky-repeater-item-header\"\n      [attr.role]=\"(itemRole$ | async)?.title\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div\n        #titleRef\n        class=\"sky-repeater-item-title sky-font-emphasized\"\n        [attr.id]=\"titleId\"\n      >\n        <ng-content select=\"sky-repeater-item-title\" />\n      </div>\n      @if (reorderable) {\n        <button\n          class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            itemName\n              ? ('skyux_repeater_item_reorder_top_label'\n                | skyLibResources: itemName)\n              : ('skyux_repeater_item_reorder_top_label_default'\n                | skyLibResources)\n          \"\n          (click)=\"moveToTop($event)\"\n        >\n          <sky-icon iconName=\"arrow-up\" />\n          {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n        </button>\n      }\n      @if (isCollapsible) {\n        <div class=\"sky-repeater-item-chevron\">\n          <sky-chevron\n            [ariaControls]=\"contentId\"\n            [ariaLabel]=\"\n              itemName\n                ? isExpanded\n                  ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n                  : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n                : isExpanded\n                  ? ('skyux_repeater_item_expand_default' | skyLibResources)\n                  : ('skyux_repeater_item_collapse_default' | skyLibResources)\n            \"\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n          />\n        </div>\n      } @else if (!contextMenu) {\n        <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n        <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n      }\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      @if (contextMenu) {\n        <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n      }\n    </div>\n    <div\n      #itemContentRef\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@.disabled]=\"animationDisabled\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      [attr.role]=\"(itemRole$ | async)?.content\"\n    >\n      <ng-content select=\"sky-repeater-item-content\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".sky-repeater-item:not(.sky-theme-modern *){--sky-override-repeater-item-active-background-color: #eeeeef;--sky-override-repeater-item-active-border-left-color: #00b4f1;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-padding-right: 5px;--sky-override-repeater-item-chevron-margin-left: 10px;--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-margin-top: 10px;--sky-override-repeater-item-context-menu-padding-right: 10px;--sky-override-repeater-item-content-no-header-margin-top: 10px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-right: 10px;--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-outline-focus-visible: auto;--sky-override-repeater-item-padding: 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: none;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-active-background-color-active: #eeeeef;--sky-override-repeater-item-split-view-background-color-active: transparent;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left-active: 6px;--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0;--sky-override-repeater-item-left-no-header-padding-top: 10px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-repeater-item{--sky-override-repeater-item-active-background-color: #ffffff;--sky-override-repeater-item-active-border-left-color: #1870B8;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-box-shadow-focus-visible: 0px 1px 8px 0px rgba(0, 0, 0, .3);--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-no-header-margin-top: 20px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-left-no-header-padding-top: 20px;--sky-override-repeater-item-outline-focus-visible: solid 2px #1870B8;--sky-override-repeater-item-outline-offset-focus-visible: -2px;--sky-override-repeater-item-padding: 20px 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: 0 1px 8px #0000004d;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left: var( --sky-padding-even-md );--sky-override-repeater-item-split-view-active-background-color-active: #ffffff;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-background-color-active: #ffffff;--sky-override-repeater-item-split-view-padding-left-active: calc( var(--sky-padding-even-md) - 4px );--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0}sky-repeater-item .sky-repeater-item{display:flex;border-bottom:var(--sky-override-repeater-item-border-bottom, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row));border-radius:var(--sky-override-repeater-item-border-radius, var(--sky-border-radius-xs));padding:var(--sky-override-repeater-item-padding, var(--sky-space-inset-letterbox-2_3-top-m) var(--sky-space-inset-letterbox-2_3-right-m) var(--sky-space-inset-letterbox-2_3-bottom-m) var(--sky-space-inset-letterbox-2_3-left-m));position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item:focus-visible,sky-repeater-item .sky-repeater-item:focus-visible:active{outline:var(--sky-override-repeater-item-outline-focus-visible, none);outline-offset:var(--sky-override-repeater-item-outline-offset-focus-visible, 0)}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-box-shadow-focus-visible, none)}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-active-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-active-padding-left, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-active-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:var(--sky-override-repeater-item-active-inline-delete-margin-left, calc((var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable){background-color:var(--sky-override-repeater-item-single-select-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-single-select-padding-left, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-single-select-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable) .sky-inline-delete{margin-left:var(--sky-override-repeater-item-single-select-inline-delete-margin-left, calc((var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content){padding-top:0}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content) .sky-repeater-item-left{padding-top:var(--sky-override-repeater-item-left-no-header-padding-top, var(--sky-space-inset-letterbox-2_3-top-m))}sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin-top:var(--sky-override-repeater-item-content-no-header-margin-top, var(--sky-space-inset-letterbox-2_3-top-m))}sky-repeater-item .sky-repeater-item-left{display:flex;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex}sky-repeater-item .sky-repeater-item-chevron{margin-left:var(--sky-override-repeater-item-chevron-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-reorder-top{margin-left:var(--sky-override-repeater-item-reorder-top-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:var(--sky-override-repeater-item-chevron-placeholder-height, max(var(--sky-size-switch), var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:var(--sky-override-repeater-item-chevron-with-context-placeholder-height, max(var(--sky-size-switch), var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-top-button-placeholder{height:var(--sky-override-repeater-item-top-button-placeholder-height, calc(var(--sky-space-inset-pillarbox-1_2-top-m) + var(--sky-space-inset-pillarbox-1_2-bottom-m) + var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m)))}sky-repeater-item .sky-repeater-item-context-menu{padding:0 var(--sky-override-repeater-item-context-menu-padding-right, var(--sky-space-gap-action_group-m)) 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 var(--sky-override-repeater-item-checkbox-padding-right, var(--sky-space-gap-action_group-s)) 0 0}sky-repeater-item .sky-repeater-item-selectable:hover,sky-repeater-item .sky-repeater-item-collapsible:hover{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}sky-repeater-item .sky-repeater-item-selectable:active,sky-repeater-item .sky-repeater-item-collapsible:active{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}sky-repeater-item .sky-repeater-item-selectable:active:not(.sky-repeater-item-selected),sky-repeater-item .sky-repeater-item-collapsible:active:not(.sky-repeater-item-selected){background-color:var(--sky-override-repeater-item-selectable-background-color-active, var(--sky-color-background-selected-soft))}sky-repeater-item .sky-repeater-item-selectable:focus-visible:not(:active),sky-repeater-item .sky-repeater-item-collapsible:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}sky-repeater-item .sky-repeater-item-selected{background-color:var(--sky-override-repeater-item-selected-color, var(--sky-color-background-selected-soft));transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:var(--sky-override-repeater-item-title-line-height, var(--sky-font-line_height-body-m))}sky-repeater-item sky-repeater-item-content{display:block;margin:var(--sky-override-repeater-item-content-margin-top, var(--sky-space-stacked-s)) 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:var(--sky-override-repeater-item-content-collapsible-padding-right, calc(var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-s) + var(--sky-space-gap-text_action-s)))}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;margin:var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) var(--sky-override-repeater-item-grab-handle-margin-right, var(--sky-space-gap-action_group-m)) var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) 0}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless{height:var(--sky-override-repeater-item-grab-handle-size, \"\");padding:var(--sky-override-repeater-item-grab-handle-padding, var(--sky-space-inset-balanced-xs));width:var(--sky-override-repeater-item-grab-handle-size, \"\")}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:active{box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-active, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:hover{color:var(--sky-override-repeater-item-grab-handle-color-hover, var(--sky-color-icon-deemphasized));box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-hover, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:var(--sky-override-repeater-item-dragging-background-color, var(--sky-color-background-container-base));box-shadow:var(--sky-override-repeater-item-dragging-box-shadow, var(--sky-elevation-overflow))}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:var(--sky-override-repeater-item-dragging-background-color-static, var(--sky-color-background-action-soft))}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.hover-rows .sky-repeater-item{cursor:pointer}.hover-rows .sky-repeater-item:hover{background-color:var(--sky-override-repeater-item-selection-modal-background-color-hover);box-shadow:var(--sky-override-repeater-item-selection-modal-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:hover{box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active{background-color:var(--sky-override-repeater-item-split-view-background-color-active, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-split-view-active-background-color-active, var(--sky-color-background-selected-soft))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-override-repeater-item-split-view-padding-left, var(--sky-space-inset-letterbox-2_3-left-m))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:var(--sky-override-repeater-item-split-view-padding-left-active, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i6.λ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.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: i8.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyRepeaterItemComponent, isStandalone: false, selector: "sky-repeater-item", inputs: { disabled: "disabled", itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.repeaterGroupClass" } }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: ElementRef }, { propertyName: "titleComponent", first: true, predicate: SkyRepeaterItemTitleComponent, descendants: true, read: ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  #itemRef\n  class=\"sky-repeater-item sky-padding-even-default\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-labelledby]=\"itemName || titleId\"\n  [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n  [attr.role]=\"(itemRole$ | async)?.item\"\n  [attr.tabIndex]=\"tabindex\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selectable': selectable,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\" />\n  </div>\n\n  @if (inlineFormTemplate) {\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n    </sky-inline-form>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n  }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div\n    class=\"sky-repeater-item-left\"\n    [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n  >\n    @if (reorderable) {\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        #grabHandle\n        class=\"sky-btn sky-btn-icon-borderless sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n      >\n        <sky-icon iconName=\"arrow-bidirectional-up-down\" />\n      </button>\n      <!-- Used to ensure that the right side is the same height as the left by placeholding the size of the back to top button.-->\n      <div class=\"sky-repeater-item-top-button-placeholder\"></div>\n    }\n    @if (selectable) {\n      <sky-checkbox\n        class=\"sky-repeater-item-checkbox\"\n        [checked]=\"isSelected\"\n        [disabled]=\"disabled\"\n        [labelHidden]=\"true\"\n        [labelText]=\"\n          itemName\n            ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n        \"\n        (change)=\"onCheckboxChange($event)\"\n      />\n    }\n    <div\n      #contextMenuEl\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div #itemHeaderRef class=\"sky-repeater-item-right\">\n    <div\n      class=\"sky-repeater-item-header\"\n      [attr.role]=\"(itemRole$ | async)?.title\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div\n        #titleRef\n        class=\"sky-repeater-item-title sky-font-emphasized\"\n        [attr.id]=\"titleId\"\n      >\n        <ng-content select=\"sky-repeater-item-title\" />\n      </div>\n      @if (reorderable) {\n        <button\n          class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            itemName\n              ? ('skyux_repeater_item_reorder_top_label'\n                | skyLibResources: itemName)\n              : ('skyux_repeater_item_reorder_top_label_default'\n                | skyLibResources)\n          \"\n          (click)=\"moveToTop($event)\"\n        >\n          <sky-icon iconName=\"arrow-up\" />\n          {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n        </button>\n      }\n      @if (isCollapsible) {\n        <div class=\"sky-repeater-item-chevron\">\n          <sky-chevron\n            [ariaControls]=\"contentId\"\n            [ariaLabel]=\"\n              itemName\n                ? isExpanded\n                  ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n                  : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n                : isExpanded\n                  ? ('skyux_repeater_item_expand_default' | skyLibResources)\n                  : ('skyux_repeater_item_collapse_default' | skyLibResources)\n            \"\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n          />\n        </div>\n      } @else if (!contextMenu) {\n        <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n        <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n      }\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      @if (contextMenu) {\n        <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n      }\n    </div>\n    <div\n      #itemContentRef\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@.disabled]=\"animationDisabled\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      [attr.role]=\"(itemRole$ | async)?.content\"\n    >\n      <ng-content select=\"sky-repeater-item-content\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".sky-repeater-item:not(.sky-theme-modern *){--sky-override-repeater-item-active-background-color: #eeeeef;--sky-override-repeater-item-active-border-left-color: #00b4f1;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-padding-right: 5px;--sky-override-repeater-item-chevron-margin-left: 10px;--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-margin-top: 10px;--sky-override-repeater-item-context-menu-padding-right: 10px;--sky-override-repeater-item-content-no-header-margin-top: 10px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-right: 10px;--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-outline-focus-visible: auto;--sky-override-repeater-item-padding: 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: none;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-active-background-color-active: #eeeeef;--sky-override-repeater-item-split-view-background-color-active: transparent;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left-active: 6px;--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0;--sky-override-repeater-item-left-no-header-padding-top: 10px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-repeater-item{--sky-override-repeater-item-active-background-color: #ffffff;--sky-override-repeater-item-active-border-left-color: #1870B8;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-box-shadow-focus-visible: 0px 1px 8px 0px rgba(0, 0, 0, .3);--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-no-header-margin-top: 20px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-left-no-header-padding-top: 20px;--sky-override-repeater-item-outline-focus-visible: solid 2px #1870B8;--sky-override-repeater-item-outline-offset-focus-visible: -2px;--sky-override-repeater-item-padding: 20px 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: 0 1px 8px #0000004d;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left: var( --sky-padding-even-md );--sky-override-repeater-item-split-view-active-background-color-active: #ffffff;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-background-color-active: #ffffff;--sky-override-repeater-item-split-view-padding-left-active: calc( var(--sky-padding-even-md) - 4px );--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0}sky-repeater-item .sky-repeater-item{display:flex;border-bottom:var(--sky-override-repeater-item-border-bottom, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row));border-radius:var(--sky-override-repeater-item-border-radius, var(--sky-border-radius-xs));padding:var(--sky-override-repeater-item-padding, var(--sky-comp-repeater_item-space-inset-top) var(--sky-comp-repeater_item-space-inset-right) var(--sky-comp-repeater_item-space-inset-bottom) var(--sky-comp-repeater_item-space-inset-left));position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item:focus-visible,sky-repeater-item .sky-repeater-item:focus-visible:active{outline:var(--sky-override-repeater-item-outline-focus-visible, none);outline-offset:var(--sky-override-repeater-item-outline-offset-focus-visible, 0)}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-box-shadow-focus-visible, none)}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-active-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-active-padding-left, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-active-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:var(--sky-override-repeater-item-active-inline-delete-margin-left, calc((var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable){background-color:var(--sky-override-repeater-item-single-select-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-single-select-padding-left, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-single-select-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable) .sky-inline-delete{margin-left:var(--sky-override-repeater-item-single-select-inline-delete-margin-left, calc((var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content){padding-top:0}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content) .sky-repeater-item-left{padding-top:var(--sky-override-repeater-item-left-no-header-padding-top, var(--sky-comp-repeater_item-space-inset-top))}sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin-top:var(--sky-override-repeater-item-content-no-header-margin-top, var(--sky-comp-repeater_item-space-inset-top))}sky-repeater-item .sky-repeater-item-left{display:flex;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex}sky-repeater-item .sky-repeater-item-chevron{margin-left:var(--sky-override-repeater-item-chevron-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-reorder-top{margin-left:var(--sky-override-repeater-item-reorder-top-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:var(--sky-override-repeater-item-chevron-placeholder-height, max(var(--sky-size-switch), var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:var(--sky-override-repeater-item-chevron-with-context-placeholder-height, max(var(--sky-size-switch), var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-top-button-placeholder{height:var(--sky-override-repeater-item-top-button-placeholder-height, calc(var(--sky-comp-button-space-inset-bottom) + var(--sky-comp-button-space-inset-top) + var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m)))}sky-repeater-item .sky-repeater-item-context-menu{padding:0 var(--sky-override-repeater-item-context-menu-padding-right, var(--sky-space-gap-action_group-m)) 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 var(--sky-override-repeater-item-checkbox-padding-right, var(--sky-space-gap-action_group-s)) 0 0}sky-repeater-item .sky-repeater-item-selectable:hover,sky-repeater-item .sky-repeater-item-collapsible:hover{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}sky-repeater-item .sky-repeater-item-selectable:active,sky-repeater-item .sky-repeater-item-collapsible:active{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}sky-repeater-item .sky-repeater-item-selectable:active:not(.sky-repeater-item-selected),sky-repeater-item .sky-repeater-item-collapsible:active:not(.sky-repeater-item-selected){background-color:var(--sky-override-repeater-item-selectable-background-color-active, var(--sky-color-background-selected-soft))}sky-repeater-item .sky-repeater-item-selectable:focus-visible:not(:active),sky-repeater-item .sky-repeater-item-collapsible:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}sky-repeater-item .sky-repeater-item-selected{background-color:var(--sky-override-repeater-item-selected-color, var(--sky-color-background-selected-soft));transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:var(--sky-override-repeater-item-title-line-height, var(--sky-font-line_height-body-m))}sky-repeater-item sky-repeater-item-content{display:block;margin:var(--sky-override-repeater-item-content-margin-top, var(--sky-space-stacked-s)) 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:var(--sky-override-repeater-item-content-collapsible-padding-right, calc(var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-s) + var(--sky-space-gap-text_action-s)))}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;margin:var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) var(--sky-override-repeater-item-grab-handle-margin-right, var(--sky-space-gap-action_group-m)) var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) 0}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless{height:var(--sky-override-repeater-item-grab-handle-size, \"\");padding:var(--sky-override-repeater-item-grab-handle-padding, var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));width:var(--sky-override-repeater-item-grab-handle-size, \"\")}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:active{box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-active, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:hover{color:var(--sky-override-repeater-item-grab-handle-color-hover, var(--sky-color-icon-deemphasized));box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-hover, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:var(--sky-override-repeater-item-dragging-background-color, var(--sky-color-background-container-base));box-shadow:var(--sky-override-repeater-item-dragging-box-shadow, var(--sky-elevation-overflow))}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:var(--sky-override-repeater-item-dragging-background-color-static, var(--sky-color-background-action-soft))}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.hover-rows .sky-repeater-item{cursor:pointer}.hover-rows .sky-repeater-item:hover{background-color:var(--sky-override-repeater-item-selection-modal-background-color-hover);box-shadow:var(--sky-override-repeater-item-selection-modal-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:hover{box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active{background-color:var(--sky-override-repeater-item-split-view-background-color-active, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-split-view-active-background-color-active, var(--sky-color-background-selected-soft))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-override-repeater-item-split-view-padding-left, var(--sky-comp-repeater_item-space-inset-left))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:var(--sky-override-repeater-item-split-view-padding-left-active, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i6.λ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.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: i8.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyRepeaterItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-repeater-item', animations: [skyAnimationSlide], providers: [SkyContentInfoProvider], encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n  #itemRef\n  class=\"sky-repeater-item sky-padding-even-default\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-labelledby]=\"itemName || titleId\"\n  [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n  [attr.role]=\"(itemRole$ | async)?.item\"\n  [attr.tabIndex]=\"tabindex\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selectable': selectable,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\" />\n  </div>\n\n  @if (inlineFormTemplate) {\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n    </sky-inline-form>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n  }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div\n    class=\"sky-repeater-item-left\"\n    [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n  >\n    @if (reorderable) {\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        #grabHandle\n        class=\"sky-btn sky-btn-icon-borderless sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n      >\n        <sky-icon iconName=\"arrow-bidirectional-up-down\" />\n      </button>\n      <!-- Used to ensure that the right side is the same height as the left by placeholding the size of the back to top button.-->\n      <div class=\"sky-repeater-item-top-button-placeholder\"></div>\n    }\n    @if (selectable) {\n      <sky-checkbox\n        class=\"sky-repeater-item-checkbox\"\n        [checked]=\"isSelected\"\n        [disabled]=\"disabled\"\n        [labelHidden]=\"true\"\n        [labelText]=\"\n          itemName\n            ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n        \"\n        (change)=\"onCheckboxChange($event)\"\n      />\n    }\n    <div\n      #contextMenuEl\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div #itemHeaderRef class=\"sky-repeater-item-right\">\n    <div\n      class=\"sky-repeater-item-header\"\n      [attr.role]=\"(itemRole$ | async)?.title\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div\n        #titleRef\n        class=\"sky-repeater-item-title sky-font-emphasized\"\n        [attr.id]=\"titleId\"\n      >\n        <ng-content select=\"sky-repeater-item-title\" />\n      </div>\n      @if (reorderable) {\n        <button\n          class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            itemName\n              ? ('skyux_repeater_item_reorder_top_label'\n                | skyLibResources: itemName)\n              : ('skyux_repeater_item_reorder_top_label_default'\n                | skyLibResources)\n          \"\n          (click)=\"moveToTop($event)\"\n        >\n          <sky-icon iconName=\"arrow-up\" />\n          {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n        </button>\n      }\n      @if (isCollapsible) {\n        <div class=\"sky-repeater-item-chevron\">\n          <sky-chevron\n            [ariaControls]=\"contentId\"\n            [ariaLabel]=\"\n              itemName\n                ? isExpanded\n                  ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n                  : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n                : isExpanded\n                  ? ('skyux_repeater_item_expand_default' | skyLibResources)\n                  : ('skyux_repeater_item_collapse_default' | skyLibResources)\n            \"\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n          />\n        </div>\n      } @else if (!contextMenu) {\n        <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n        <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n      }\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      @if (contextMenu) {\n        <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n      }\n    </div>\n    <div\n      #itemContentRef\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@.disabled]=\"animationDisabled\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      [attr.role]=\"(itemRole$ | async)?.content\"\n    >\n      <ng-content select=\"sky-repeater-item-content\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".sky-repeater-item:not(.sky-theme-modern *){--sky-override-repeater-item-active-background-color: #eeeeef;--sky-override-repeater-item-active-border-left-color: #00b4f1;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-padding-right: 5px;--sky-override-repeater-item-chevron-margin-left: 10px;--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-margin-top: 10px;--sky-override-repeater-item-context-menu-padding-right: 10px;--sky-override-repeater-item-content-no-header-margin-top: 10px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-right: 10px;--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-outline-focus-visible: auto;--sky-override-repeater-item-padding: 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: none;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-active-background-color-active: #eeeeef;--sky-override-repeater-item-split-view-background-color-active: transparent;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left-active: 6px;--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0;--sky-override-repeater-item-left-no-header-padding-top: 10px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-repeater-item{--sky-override-repeater-item-active-background-color: #ffffff;--sky-override-repeater-item-active-border-left-color: #1870B8;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-box-shadow-focus-visible: 0px 1px 8px 0px rgba(0, 0, 0, .3);--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-no-header-margin-top: 20px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-left-no-header-padding-top: 20px;--sky-override-repeater-item-outline-focus-visible: solid 2px #1870B8;--sky-override-repeater-item-outline-offset-focus-visible: -2px;--sky-override-repeater-item-padding: 20px 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: 0 1px 8px #0000004d;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left: var( --sky-padding-even-md );--sky-override-repeater-item-split-view-active-background-color-active: #ffffff;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-background-color-active: #ffffff;--sky-override-repeater-item-split-view-padding-left-active: calc( var(--sky-padding-even-md) - 4px );--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0}sky-repeater-item .sky-repeater-item{display:flex;border-bottom:var(--sky-override-repeater-item-border-bottom, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row));border-radius:var(--sky-override-repeater-item-border-radius, var(--sky-border-radius-xs));padding:var(--sky-override-repeater-item-padding, var(--sky-space-inset-letterbox-2_3-top-m) var(--sky-space-inset-letterbox-2_3-right-m) var(--sky-space-inset-letterbox-2_3-bottom-m) var(--sky-space-inset-letterbox-2_3-left-m));position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item:focus-visible,sky-repeater-item .sky-repeater-item:focus-visible:active{outline:var(--sky-override-repeater-item-outline-focus-visible, none);outline-offset:var(--sky-override-repeater-item-outline-offset-focus-visible, 0)}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-box-shadow-focus-visible, none)}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-active-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-active-padding-left, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-active-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:var(--sky-override-repeater-item-active-inline-delete-margin-left, calc((var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable){background-color:var(--sky-override-repeater-item-single-select-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-single-select-padding-left, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-single-select-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable) .sky-inline-delete{margin-left:var(--sky-override-repeater-item-single-select-inline-delete-margin-left, calc((var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content){padding-top:0}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content) .sky-repeater-item-left{padding-top:var(--sky-override-repeater-item-left-no-header-padding-top, var(--sky-space-inset-letterbox-2_3-top-m))}sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin-top:var(--sky-override-repeater-item-content-no-header-margin-top, var(--sky-space-inset-letterbox-2_3-top-m))}sky-repeater-item .sky-repeater-item-left{display:flex;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex}sky-repeater-item .sky-repeater-item-chevron{margin-left:var(--sky-override-repeater-item-chevron-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-reorder-top{margin-left:var(--sky-override-repeater-item-reorder-top-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:var(--sky-override-repeater-item-chevron-placeholder-height, max(var(--sky-size-switch), var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:var(--sky-override-repeater-item-chevron-with-context-placeholder-height, max(var(--sky-size-switch), var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-top-button-placeholder{height:var(--sky-override-repeater-item-top-button-placeholder-height, calc(var(--sky-space-inset-pillarbox-1_2-top-m) + var(--sky-space-inset-pillarbox-1_2-bottom-m) + var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m)))}sky-repeater-item .sky-repeater-item-context-menu{padding:0 var(--sky-override-repeater-item-context-menu-padding-right, var(--sky-space-gap-action_group-m)) 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 var(--sky-override-repeater-item-checkbox-padding-right, var(--sky-space-gap-action_group-s)) 0 0}sky-repeater-item .sky-repeater-item-selectable:hover,sky-repeater-item .sky-repeater-item-collapsible:hover{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}sky-repeater-item .sky-repeater-item-selectable:active,sky-repeater-item .sky-repeater-item-collapsible:active{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}sky-repeater-item .sky-repeater-item-selectable:active:not(.sky-repeater-item-selected),sky-repeater-item .sky-repeater-item-collapsible:active:not(.sky-repeater-item-selected){background-color:var(--sky-override-repeater-item-selectable-background-color-active, var(--sky-color-background-selected-soft))}sky-repeater-item .sky-repeater-item-selectable:focus-visible:not(:active),sky-repeater-item .sky-repeater-item-collapsible:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}sky-repeater-item .sky-repeater-item-selected{background-color:var(--sky-override-repeater-item-selected-color, var(--sky-color-background-selected-soft));transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:var(--sky-override-repeater-item-title-line-height, var(--sky-font-line_height-body-m))}sky-repeater-item sky-repeater-item-content{display:block;margin:var(--sky-override-repeater-item-content-margin-top, var(--sky-space-stacked-s)) 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:var(--sky-override-repeater-item-content-collapsible-padding-right, calc(var(--sky-space-inset-balanced-xs) * 2 + var(--sky-size-icon-s) + var(--sky-space-gap-text_action-s)))}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;margin:var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) var(--sky-override-repeater-item-grab-handle-margin-right, var(--sky-space-gap-action_group-m)) var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) 0}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless{height:var(--sky-override-repeater-item-grab-handle-size, \"\");padding:var(--sky-override-repeater-item-grab-handle-padding, var(--sky-space-inset-balanced-xs));width:var(--sky-override-repeater-item-grab-handle-size, \"\")}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:active{box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-active, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:hover{color:var(--sky-override-repeater-item-grab-handle-color-hover, var(--sky-color-icon-deemphasized));box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-hover, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:var(--sky-override-repeater-item-dragging-background-color, var(--sky-color-background-container-base));box-shadow:var(--sky-override-repeater-item-dragging-box-shadow, var(--sky-elevation-overflow))}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:var(--sky-override-repeater-item-dragging-background-color-static, var(--sky-color-background-action-soft))}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.hover-rows .sky-repeater-item{cursor:pointer}.hover-rows .sky-repeater-item:hover{background-color:var(--sky-override-repeater-item-selection-modal-background-color-hover);box-shadow:var(--sky-override-repeater-item-selection-modal-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:hover{box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active{background-color:var(--sky-override-repeater-item-split-view-background-color-active, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-split-view-active-background-color-active, var(--sky-color-background-selected-soft))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-override-repeater-item-split-view-padding-left, var(--sky-space-inset-letterbox-2_3-left-m))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:var(--sky-override-repeater-item-split-view-padding-left-active, calc(var(--sky-space-inset-letterbox-2_3-left-m) - var(--sky-border-width-selected-m)))}\n"] }]
+            args: [{ selector: 'sky-repeater-item', animations: [skyAnimationSlide], providers: [SkyContentInfoProvider], encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n  #itemRef\n  class=\"sky-repeater-item sky-padding-even-default\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-labelledby]=\"itemName || titleId\"\n  [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n  [attr.role]=\"(itemRole$ | async)?.item\"\n  [attr.tabIndex]=\"tabindex\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selectable': selectable,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\" />\n  </div>\n\n  @if (inlineFormTemplate) {\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n    </sky-inline-form>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n  }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div\n    class=\"sky-repeater-item-left\"\n    [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n  >\n    @if (reorderable) {\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        #grabHandle\n        class=\"sky-btn sky-btn-icon-borderless sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n      >\n        <sky-icon iconName=\"arrow-bidirectional-up-down\" />\n      </button>\n      <!-- Used to ensure that the right side is the same height as the left by placeholding the size of the back to top button.-->\n      <div class=\"sky-repeater-item-top-button-placeholder\"></div>\n    }\n    @if (selectable) {\n      <sky-checkbox\n        class=\"sky-repeater-item-checkbox\"\n        [checked]=\"isSelected\"\n        [disabled]=\"disabled\"\n        [labelHidden]=\"true\"\n        [labelText]=\"\n          itemName\n            ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n        \"\n        (change)=\"onCheckboxChange($event)\"\n      />\n    }\n    <div\n      #contextMenuEl\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div #itemHeaderRef class=\"sky-repeater-item-right\">\n    <div\n      class=\"sky-repeater-item-header\"\n      [attr.role]=\"(itemRole$ | async)?.title\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div\n        #titleRef\n        class=\"sky-repeater-item-title sky-font-emphasized\"\n        [attr.id]=\"titleId\"\n      >\n        <ng-content select=\"sky-repeater-item-title\" />\n      </div>\n      @if (reorderable) {\n        <button\n          class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            itemName\n              ? ('skyux_repeater_item_reorder_top_label'\n                | skyLibResources: itemName)\n              : ('skyux_repeater_item_reorder_top_label_default'\n                | skyLibResources)\n          \"\n          (click)=\"moveToTop($event)\"\n        >\n          <sky-icon iconName=\"arrow-up\" />\n          {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n        </button>\n      }\n      @if (isCollapsible) {\n        <div class=\"sky-repeater-item-chevron\">\n          <sky-chevron\n            [ariaControls]=\"contentId\"\n            [ariaLabel]=\"\n              itemName\n                ? isExpanded\n                  ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n                  : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n                : isExpanded\n                  ? ('skyux_repeater_item_expand_default' | skyLibResources)\n                  : ('skyux_repeater_item_collapse_default' | skyLibResources)\n            \"\n            [direction]=\"isExpanded ? 'up' : 'down'\"\n            (directionChange)=\"chevronDirectionChange($event)\"\n          />\n        </div>\n      } @else if (!contextMenu) {\n        <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n        <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n      }\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      @if (contextMenu) {\n        <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n      }\n    </div>\n    <div\n      #itemContentRef\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@.disabled]=\"animationDisabled\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      [attr.role]=\"(itemRole$ | async)?.content\"\n    >\n      <ng-content select=\"sky-repeater-item-content\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".sky-repeater-item:not(.sky-theme-modern *){--sky-override-repeater-item-active-background-color: #eeeeef;--sky-override-repeater-item-active-border-left-color: #00b4f1;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-padding-right: 5px;--sky-override-repeater-item-chevron-margin-left: 10px;--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-margin-top: 10px;--sky-override-repeater-item-context-menu-padding-right: 10px;--sky-override-repeater-item-content-no-header-margin-top: 10px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-right: 10px;--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-outline-focus-visible: auto;--sky-override-repeater-item-padding: 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: none;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-active-background-color-active: #eeeeef;--sky-override-repeater-item-split-view-background-color-active: transparent;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left-active: 6px;--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0;--sky-override-repeater-item-left-no-header-padding-top: 10px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-repeater-item{--sky-override-repeater-item-active-background-color: #ffffff;--sky-override-repeater-item-active-border-left-color: #1870B8;--sky-override-repeater-item-active-border-left-width: 4px;--sky-override-repeater-item-active-inline-delete-margin-left: -4px;--sky-override-repeater-item-active-padding-left: 6px;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-box-shadow-focus-visible: 0px 1px 8px 0px rgba(0, 0, 0, .3);--sky-override-repeater-item-chevron-placeholder-height: 24px;--sky-override-repeater-item-chevron-with-context-placeholder-height: 29px;--sky-override-repeater-item-content-collapsible-padding-right: 34px;--sky-override-repeater-item-content-no-header-margin-top: 20px;--sky-override-repeater-item-dragging-background-color: #fff;--sky-override-repeater-item-dragging-background-color-static: #d8d8d8;--sky-override-repeater-item-dragging-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);--sky-override-repeater-item-grab-handle-box-shadow-active: none;--sky-override-repeater-item-grab-handle-box-shadow-hover: none;--sky-override-repeater-item-grab-handle-color-hover: rgb(55.5616438356, 57.698630137, 61.4383561644);--sky-override-repeater-item-grab-handle-margin-vertical: 5px;--sky-override-repeater-item-grab-handle-padding: 0;--sky-override-repeater-item-grab-handle-size: 24px;--sky-override-repeater-item-left-no-header-padding-top: 20px;--sky-override-repeater-item-outline-focus-visible: solid 2px #1870B8;--sky-override-repeater-item-outline-offset-focus-visible: -2px;--sky-override-repeater-item-padding: 20px 10px;--sky-override-repeater-item-reorder-top-margin-left: 0;--sky-override-repeater-item-selectable-background-color-active: transparent;--sky-override-repeater-item-selectable-box-shadow-active: none;--sky-override-repeater-item-selectable-box-shadow-focus: 0 1px 8px #0000004d;--sky-override-repeater-item-selectable-box-shadow-hover: none;--sky-override-repeater-item-selected-color: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-background-color-hover: var( --sky-background-color-selected );--sky-override-repeater-item-selection-modal-box-shadow-hover: none;--sky-override-repeater-item-single-select-background-color: var( --sky-background-color-selected );--sky-override-repeater-item-single-select-border-left-color: transparent;--sky-override-repeater-item-single-select-border-left-width: 0;--sky-override-repeater-item-single-select-inline-delete-margin-left: 0;--sky-override-repeater-item-single-select-padding-left: 10px;--sky-override-repeater-item-split-view-padding-left: var( --sky-padding-even-md );--sky-override-repeater-item-split-view-active-background-color-active: #ffffff;--sky-override-repeater-item-split-view-box-shadow-active: none;--sky-override-repeater-item-split-view-box-shadow-focus: none;--sky-override-repeater-item-split-view-box-shadow-hover: none;--sky-override-repeater-item-split-view-background-color-active: #ffffff;--sky-override-repeater-item-split-view-padding-left-active: calc( var(--sky-padding-even-md) - 4px );--sky-override-repeater-item-title-line-height: 1.1;--sky-override-repeater-item-top-button-placeholder-height: 0}sky-repeater-item .sky-repeater-item{display:flex;border-bottom:var(--sky-override-repeater-item-border-bottom, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row));border-radius:var(--sky-override-repeater-item-border-radius, var(--sky-border-radius-xs));padding:var(--sky-override-repeater-item-padding, var(--sky-comp-repeater_item-space-inset-top) var(--sky-comp-repeater_item-space-inset-right) var(--sky-comp-repeater_item-space-inset-bottom) var(--sky-comp-repeater_item-space-inset-left));position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item:focus-visible,sky-repeater-item .sky-repeater-item:focus-visible:active{outline:var(--sky-override-repeater-item-outline-focus-visible, none);outline-offset:var(--sky-override-repeater-item-outline-offset-focus-visible, 0)}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-box-shadow-focus-visible, none)}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-active-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-active-padding-left, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-active-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:var(--sky-override-repeater-item-active-inline-delete-margin-left, calc((var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-active-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable){background-color:var(--sky-override-repeater-item-single-select-background-color, var(--sky-color-background-selected-soft));padding-left:var(--sky-override-repeater-item-single-select-padding-left, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)));border-left:var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)) solid var(--sky-override-repeater-item-single-select-border-left-color, var(--sky-color-border-selected))}sky-repeater-item .sky-repeater-item.sky-repeater-item-selected:not(.sky-repeater-item-selectable) .sky-inline-delete{margin-left:var(--sky-override-repeater-item-single-select-inline-delete-margin-left, calc((var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)) * -1));width:calc(100% + var(--sky-override-repeater-item-single-select-border-left-width, var(--sky-border-width-selected-m)))}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content){padding-top:0}sky-repeater-item .sky-repeater-item:has(.sky-repeater-item-header[hidden]+.sky-repeater-item-content) .sky-repeater-item-left{padding-top:var(--sky-override-repeater-item-left-no-header-padding-top, var(--sky-comp-repeater_item-space-inset-top))}sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin-top:var(--sky-override-repeater-item-content-no-header-margin-top, var(--sky-comp-repeater_item-space-inset-top))}sky-repeater-item .sky-repeater-item-left{display:flex;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex}sky-repeater-item .sky-repeater-item-chevron{margin-left:var(--sky-override-repeater-item-chevron-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-reorder-top{margin-left:var(--sky-override-repeater-item-reorder-top-margin-left, var(--sky-space-gap-text_action-s))}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:var(--sky-override-repeater-item-chevron-placeholder-height, max(var(--sky-size-switch), var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:var(--sky-override-repeater-item-chevron-with-context-placeholder-height, max(var(--sky-size-switch), var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-m)))}sky-repeater-item .sky-repeater-item-top-button-placeholder{height:var(--sky-override-repeater-item-top-button-placeholder-height, calc(var(--sky-comp-button-space-inset-bottom) + var(--sky-comp-button-space-inset-top) + var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m)))}sky-repeater-item .sky-repeater-item-context-menu{padding:0 var(--sky-override-repeater-item-context-menu-padding-right, var(--sky-space-gap-action_group-m)) 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 var(--sky-override-repeater-item-checkbox-padding-right, var(--sky-space-gap-action_group-s)) 0 0}sky-repeater-item .sky-repeater-item-selectable:hover,sky-repeater-item .sky-repeater-item-collapsible:hover{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}sky-repeater-item .sky-repeater-item-selectable:active,sky-repeater-item .sky-repeater-item-collapsible:active{box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}sky-repeater-item .sky-repeater-item-selectable:active:not(.sky-repeater-item-selected),sky-repeater-item .sky-repeater-item-collapsible:active:not(.sky-repeater-item-selected){background-color:var(--sky-override-repeater-item-selectable-background-color-active, var(--sky-color-background-selected-soft))}sky-repeater-item .sky-repeater-item-selectable:focus-visible:not(:active),sky-repeater-item .sky-repeater-item-collapsible:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-selectable-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}sky-repeater-item .sky-repeater-item-selected{background-color:var(--sky-override-repeater-item-selected-color, var(--sky-color-background-selected-soft));transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:var(--sky-override-repeater-item-title-line-height, var(--sky-font-line_height-body-m))}sky-repeater-item sky-repeater-item-content{display:block;margin:var(--sky-override-repeater-item-content-margin-top, var(--sky-space-stacked-s)) 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:var(--sky-override-repeater-item-content-collapsible-padding-right, calc(var(--sky-comp-button-borderless-space-inset-bottom) + var(--sky-comp-button-borderless-space-inset-top) + var(--sky-size-icon-s) + var(--sky-space-gap-text_action-s)))}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;margin:var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) var(--sky-override-repeater-item-grab-handle-margin-right, var(--sky-space-gap-action_group-m)) var(--sky-override-repeater-item-grab-handle-margin-vertical, 0) 0}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless{height:var(--sky-override-repeater-item-grab-handle-size, \"\");padding:var(--sky-override-repeater-item-grab-handle-padding, var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));width:var(--sky-override-repeater-item-grab-handle-size, \"\")}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:active{box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-active, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}sky-repeater-item .sky-repeater-item-grab-handle.sky-btn-icon-borderless:hover{color:var(--sky-override-repeater-item-grab-handle-color-hover, var(--sky-color-icon-deemphasized));box-shadow:var(--sky-override-repeater-item-grab-handle-box-shadow-hover, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:var(--sky-override-repeater-item-dragging-background-color, var(--sky-color-background-container-base));box-shadow:var(--sky-override-repeater-item-dragging-box-shadow, var(--sky-elevation-overflow))}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:var(--sky-override-repeater-item-dragging-background-color-static, var(--sky-color-background-action-soft))}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.hover-rows .sky-repeater-item{cursor:pointer}.hover-rows .sky-repeater-item:hover{background-color:var(--sky-override-repeater-item-selection-modal-background-color-hover);box-shadow:var(--sky-override-repeater-item-selection-modal-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:hover{box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-hover, inset 0 0 0 var(--sky-border-width-input-hover) var(--sky-color-border-input-hover))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active{background-color:var(--sky-override-repeater-item-split-view-background-color-active, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-active, inset 0 0 0 var(--sky-border-width-input-active) var(--sky-color-border-input-active))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:active.sky-repeater-item-active{background-color:var(--sky-override-repeater-item-split-view-active-background-color-active, var(--sky-color-background-selected-soft))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:var(--sky-override-repeater-item-split-view-box-shadow-focus, inset 0 0 0 var(--sky-border-width-input-focus) var(--sky-color-border-input-focus))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-override-repeater-item-split-view-padding-left, var(--sky-comp-repeater_item-space-inset-left))}.sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:var(--sky-override-repeater-item-split-view-padding-left-active, calc(var(--sky-comp-repeater_item-space-inset-left) - var(--sky-border-width-selected-m)))}\n"] }]
         }], ctorParameters: () => [{ type: SkyRepeaterService }, { type: i0.ChangeDetectorRef }, { type: SkyRepeaterAdapterService }, { type: i0.ElementRef }, { type: i3.SkyLibResourcesService }], propDecorators: { disabled: [{
                 type: Input
             }], itemName: [{