@skyux/lists 14.7.0 → 15.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-lists-testing.mjs +8 -8
- package/fesm2022/skyux-lists.mjs +117 -109
- package/fesm2022/skyux-lists.mjs.map +1 -1
- package/package.json +14 -14
package/fesm2022/skyux-lists.mjs
CHANGED
|
@@ -132,11 +132,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
132
132
|
* Import into any component library module that needs to use resource strings.
|
|
133
133
|
*/
|
|
134
134
|
class SkyListsResourcesModule {
|
|
135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
136
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
137
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
136
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyListsResourcesModule, exports: [SkyI18nModule] }); }
|
|
137
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListsResourcesModule, imports: [SkyI18nModule] }); }
|
|
138
138
|
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListsResourcesModule, decorators: [{
|
|
140
140
|
type: NgModule,
|
|
141
141
|
args: [{
|
|
142
142
|
exports: [SkyI18nModule],
|
|
@@ -191,10 +191,10 @@ class SkyFilterButtonComponent {
|
|
|
191
191
|
filterButtonOnClick() {
|
|
192
192
|
this.filterButtonClick.emit();
|
|
193
193
|
}
|
|
194
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
195
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyFilterButtonComponent, isStandalone: false, selector: "sky-filter-button", inputs: { filterButtonId: "filterButtonId", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", ariaLabel: "ariaLabel", active: "active", disabled: "disabled", showButtonText: "showButtonText" }, outputs: { filterButtonClick: "filterButtonClick" }, ngImport: i0, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_filter_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_filter_button_title' | skyLibResources))\n \"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon iconName=\"filter\" />\n @if (showButtonText) {\n <span class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n }\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}:host-context(.sky-theme-modern) .sky-filter-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}:host-context(.sky-theme-modern) .sky-filter-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}.sky-theme-modern .sky-filter-btn-active,.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}.sky-theme-modern .sky-filter-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:hover:hover,.sky-theme-modern .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}.sky-theme-modern .sky-filter-btn-active:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus:focus-visible{outline:none}.sky-theme-modern .sky-filter-btn-active:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:hover:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active[disabled],.sky-theme-modern .sky-filter-btn-active[disabled]:hover,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active[disabled]:active,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover[disabled],.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus[disabled],.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media(min-width:768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
194
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
195
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: SkyFilterButtonComponent, isStandalone: false, selector: "sky-filter-button", inputs: { filterButtonId: "filterButtonId", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", ariaLabel: "ariaLabel", active: "active", disabled: "disabled", showButtonText: "showButtonText" }, outputs: { filterButtonClick: "filterButtonClick" }, ngImport: i0, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_filter_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_filter_button_title' | skyLibResources))\n \"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon iconName=\"filter\" />\n @if (showButtonText) {\n <span class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n }\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}:host-context(.sky-theme-modern) .sky-filter-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}:host-context(.sky-theme-modern) .sky-filter-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}.sky-theme-modern .sky-filter-btn-active,.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}.sky-theme-modern .sky-filter-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:hover:hover,.sky-theme-modern .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}.sky-theme-modern .sky-filter-btn-active:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus:focus-visible{outline:none}.sky-theme-modern .sky-filter-btn-active:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:hover:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active[disabled],.sky-theme-modern .sky-filter-btn-active[disabled]:hover,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active[disabled]:active,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover[disabled],.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus[disabled],.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media(min-width:768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
196
196
|
}
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterButtonComponent, decorators: [{
|
|
198
198
|
type: Component,
|
|
199
199
|
args: [{ selector: 'sky-filter-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_filter_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_filter_button_title' | skyLibResources))\n \"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon iconName=\"filter\" />\n @if (showButtonText) {\n <span class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n }\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}:host-context(.sky-theme-modern) .sky-filter-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}:host-context(.sky-theme-modern) .sky-filter-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:hover:focus-visible:not(:active),:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled],:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled] sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:hover sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled]:active sky-icon,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}.sky-theme-modern .sky-filter-btn-active,.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:focus{background-color:var(--sky-color-background-selected-soft);border:none;box-shadow:inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected);color:var(--sky-color-text-selected);padding:var(--sky-comp-button-space-inset-top) var(--sky-comp-override-button-padding-right, var(--sky-comp-button-space-inset-right)) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-override-button-padding-left, var(--sky-comp-button-space-inset-left))}.sky-theme-modern .sky-filter-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus sky-icon{color:var(--sky-color-icon-selected)}.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:hover:hover,.sky-theme-modern .sky-filter-btn-active:focus:hover{box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-active{box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-selected);background-image:none}.sky-theme-modern .sky-filter-btn-active:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus:focus-visible{outline:none}.sky-theme-modern .sky-filter-btn-active:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:hover:focus-visible:not(:active),.sky-theme-modern .sky-filter-btn-active:focus:focus-visible:not(:active){box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active[disabled],.sky-theme-modern .sky-filter-btn-active[disabled]:hover,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active[disabled]:active,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:hover[disabled],.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-filter-btn-active:focus[disabled],.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active{background-color:var(--sky-color-background-action-secondary-disabled);box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled);color:var(--sky-color-text-deemphasized)}.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:hover[disabled].sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled] sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:hover sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:focus-visible sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-focus sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled]:active sky-icon,.sky-theme-modern .sky-filter-btn-active:focus[disabled].sky-btn-active sky-icon{color:var(--sky-color-icon-deemphasized)}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media(min-width:768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"] }]
|
|
200
200
|
}], ctorParameters: () => [], propDecorators: { filterButtonId: [{
|
|
@@ -219,24 +219,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
219
219
|
* Specifies an inline filter.
|
|
220
220
|
*/
|
|
221
221
|
class SkyFilterInlineItemComponent {
|
|
222
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
223
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyFilterInlineItemComponent, isStandalone: false, selector: "sky-filter-inline-item", ngImport: i0, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item:not(.sky-theme-modern *){--sky-override-filter-inline-item-margin-right: 10px}.sky-filter-inline-item{margin-right:var(--sky-override-filter-inline-item-margin-right, var(--sky-space-gap-form-s))}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
224
224
|
}
|
|
225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterInlineItemComponent, decorators: [{
|
|
226
226
|
type: Component,
|
|
227
|
-
args: [{ selector: 'sky-filter-inline-item', standalone: false, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item:not(.sky-theme-modern *){--sky-override-filter-inline-item-margin-right: 10px}.sky-filter-inline-item{margin-right:var(--sky-override-filter-inline-item-margin-right, var(--sky-space-gap-form-s))}\n"] }]
|
|
227
|
+
args: [{ selector: 'sky-filter-inline-item', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item:not(.sky-theme-modern *){--sky-override-filter-inline-item-margin-right: 10px}.sky-filter-inline-item{margin-right:var(--sky-override-filter-inline-item-margin-right, var(--sky-space-gap-form-s))}\n"] }]
|
|
228
228
|
}] });
|
|
229
229
|
|
|
230
230
|
/**
|
|
231
231
|
* Specifies a wrapper for the inline filters.
|
|
232
232
|
*/
|
|
233
233
|
class SkyFilterInlineComponent {
|
|
234
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
235
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
235
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", 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}.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"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
236
236
|
}
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
238
238
|
type: Component,
|
|
239
|
-
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}.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"] }]
|
|
239
|
+
args: [{ selector: 'sky-filter-inline', changeDetection: ChangeDetectionStrategy.Eager, 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}.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"] }]
|
|
240
240
|
}] });
|
|
241
241
|
|
|
242
242
|
/**
|
|
@@ -274,10 +274,10 @@ class SkyFilterSummaryItemComponent {
|
|
|
274
274
|
onItemKeypress() {
|
|
275
275
|
this.itemClick.emit();
|
|
276
276
|
}
|
|
277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyFilterSummaryItemComponent, isStandalone: false, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, hostDirectives: [{ directive: i1$2.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-filter-summary-item-margin-right: 5px}.sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:var(--sky-override-filter-summary-item-margin-right, var(--sky-space-gap-action_group-s))}\n"], dependencies: [{ kind: "component", type: i1$1.λ12, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
279
279
|
}
|
|
280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterSummaryItemComponent, decorators: [{
|
|
281
281
|
type: Component,
|
|
282
282
|
args: [{ selector: 'sky-filter-summary-item', hostDirectives: [SkyThemeComponentClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-filter-summary-item-margin-right: 5px}.sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:var(--sky-override-filter-summary-item-margin-right, var(--sky-space-gap-action_group-s))}\n"] }]
|
|
283
283
|
}], propDecorators: { dismissible: [{
|
|
@@ -293,17 +293,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
293
293
|
* @deprecated Use [filter bar](https://developer.blackbaud.com/skyux/components/filter-bar) instead.
|
|
294
294
|
*/
|
|
295
295
|
class SkyFilterSummaryComponent {
|
|
296
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
296
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyFilterSummaryComponent, isStandalone: false, selector: "sky-filter-summary", ngImport: i0, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary:not(.sky-theme-modern *){--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-header-margin: 5px 10px 0 0;--sky-override-filter-summary-row-gap: 0}.sky-filter-summary-header{margin:var(--sky-override-filter-summary-header-margin, 0 var(--sky-space-gap-text_action-s) 0 0);font-weight:var(--sky-override-filter-summary-font-weight, var(--sky-font-style-emphasized))}.sky-filter-summary{background-color:var(--sky-override-filter-summary-background-color);overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap;row-gap:var(--sky-override-filter-summary-row-gap, var(--sky-space-gap-action_group-s))}\n"], dependencies: [{ kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
298
298
|
}
|
|
299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterSummaryComponent, decorators: [{
|
|
300
300
|
type: Component,
|
|
301
301
|
args: [{ selector: 'sky-filter-summary', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary:not(.sky-theme-modern *){--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-header-margin: 5px 10px 0 0;--sky-override-filter-summary-row-gap: 0}.sky-filter-summary-header{margin:var(--sky-override-filter-summary-header-margin, 0 var(--sky-space-gap-text_action-s) 0 0);font-weight:var(--sky-override-filter-summary-font-weight, var(--sky-font-style-emphasized))}.sky-filter-summary{background-color:var(--sky-override-filter-summary-background-color);overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap;row-gap:var(--sky-override-filter-summary-row-gap, var(--sky-space-gap-action_group-s))}\n"] }]
|
|
302
302
|
}] });
|
|
303
303
|
|
|
304
304
|
class SkyFilterModule {
|
|
305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
306
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
306
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterModule, declarations: [SkyFilterButtonComponent,
|
|
307
307
|
SkyFilterInlineComponent,
|
|
308
308
|
SkyFilterInlineItemComponent,
|
|
309
309
|
SkyFilterSummaryComponent,
|
|
@@ -316,13 +316,13 @@ class SkyFilterModule {
|
|
|
316
316
|
SkyFilterInlineItemComponent,
|
|
317
317
|
SkyFilterSummaryComponent,
|
|
318
318
|
SkyFilterSummaryItemComponent] }); }
|
|
319
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
319
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterModule, imports: [CommonModule,
|
|
320
320
|
SkyIconModule,
|
|
321
321
|
SkyListsResourcesModule,
|
|
322
322
|
SkyTokensModule,
|
|
323
323
|
SkyThemeModule] }); }
|
|
324
324
|
}
|
|
325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyFilterModule, decorators: [{
|
|
326
326
|
type: NgModule,
|
|
327
327
|
args: [{
|
|
328
328
|
declarations: [
|
|
@@ -416,10 +416,10 @@ class SkyInfiniteScrollDomAdapterService {
|
|
|
416
416
|
const parentRect = parentElement.getBoundingClientRect();
|
|
417
417
|
return elementRect.top < parentRect.top + parentRect.height;
|
|
418
418
|
}
|
|
419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
420
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
419
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
420
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollDomAdapterService }); }
|
|
421
421
|
}
|
|
422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, decorators: [{
|
|
423
423
|
type: Injectable
|
|
424
424
|
}], ctorParameters: () => [] });
|
|
425
425
|
|
|
@@ -516,10 +516,10 @@ class SkyInfiniteScrollComponent {
|
|
|
516
516
|
this.#ngUnsubscribe.next();
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
520
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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}.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) + var(--sky-space-inset-vertical-bottom-s)))}\n"], dependencies: [{ kind: "component", type: i1$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
521
521
|
}
|
|
522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollComponent, decorators: [{
|
|
523
523
|
type: Component,
|
|
524
524
|
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}.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) + var(--sky-space-inset-vertical-bottom-s)))}\n"] }]
|
|
525
525
|
}], propDecorators: { enabled: [{
|
|
@@ -531,11 +531,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
531
531
|
}] } });
|
|
532
532
|
|
|
533
533
|
class SkyInfiniteScrollModule {
|
|
534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
535
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
536
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
534
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
535
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollModule, declarations: [SkyInfiniteScrollComponent], imports: [SkyListsResourcesModule, SkyWaitModule], exports: [SkyInfiniteScrollComponent] }); }
|
|
536
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollModule, imports: [SkyListsResourcesModule, SkyWaitModule] }); }
|
|
537
537
|
}
|
|
538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInfiniteScrollModule, decorators: [{
|
|
539
539
|
type: NgModule,
|
|
540
540
|
args: [{
|
|
541
541
|
declarations: [SkyInfiniteScrollComponent],
|
|
@@ -552,40 +552,47 @@ class SkyListSummaryItemComponent {
|
|
|
552
552
|
/**
|
|
553
553
|
* Specifies a value to display beside the label in larger, bold text.
|
|
554
554
|
*/
|
|
555
|
-
this.value = input.required(
|
|
555
|
+
this.value = input.required(/* @ts-ignore */
|
|
556
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
556
557
|
/**
|
|
557
558
|
* Specifies a label to display beside the value in smaller, unformatted text.
|
|
558
559
|
*/
|
|
559
|
-
this.labelText = input.required(
|
|
560
|
+
this.labelText = input.required(/* @ts-ignore */
|
|
561
|
+
...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
|
|
560
562
|
/**
|
|
561
563
|
* Optional formatting options for numeric values.
|
|
562
564
|
*/
|
|
563
|
-
this.valueFormat = input(
|
|
565
|
+
this.valueFormat = input(/* @ts-ignore */
|
|
566
|
+
...(ngDevMode ? [undefined, { debugName: "valueFormat" }] : /* istanbul ignore next */ []));
|
|
564
567
|
/**
|
|
565
568
|
* A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
|
|
566
569
|
* placed beside the list summary item. Clicking the button invokes global help as configured by the application.
|
|
567
570
|
*/
|
|
568
|
-
this.helpKey = input(
|
|
571
|
+
this.helpKey = input(/* @ts-ignore */
|
|
572
|
+
...(ngDevMode ? [undefined, { debugName: "helpKey" }] : /* istanbul ignore next */ []));
|
|
569
573
|
/**
|
|
570
574
|
* The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
571
575
|
* button is added to the list summary item. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
572
576
|
* when clicked using the specified content and optional title.
|
|
573
577
|
*/
|
|
574
|
-
this.helpPopoverContent = input(
|
|
578
|
+
this.helpPopoverContent = input(/* @ts-ignore */
|
|
579
|
+
...(ngDevMode ? [undefined, { debugName: "helpPopoverContent" }] : /* istanbul ignore next */ []));
|
|
575
580
|
/**
|
|
576
581
|
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
577
582
|
* also specified.
|
|
578
583
|
*/
|
|
579
|
-
this.helpPopoverTitle = input(
|
|
584
|
+
this.helpPopoverTitle = input(/* @ts-ignore */
|
|
585
|
+
...(ngDevMode ? [undefined, { debugName: "helpPopoverTitle" }] : /* istanbul ignore next */ []));
|
|
580
586
|
this.numericValue = computed(() => {
|
|
581
587
|
const value = this.value();
|
|
582
588
|
return typeof value === 'number' ? value : undefined;
|
|
583
|
-
},
|
|
589
|
+
}, /* @ts-ignore */
|
|
590
|
+
...(ngDevMode ? [{ debugName: "numericValue" }] : /* istanbul ignore next */ []));
|
|
584
591
|
}
|
|
585
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
586
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
592
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
593
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: SkyListSummaryItemComponent, isStandalone: true, selector: "sky-list-summary-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null }, valueFormat: { classPropertyName: "valueFormat", publicName: "valueFormat", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue() !== undefined) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$1.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$1.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$1.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkyNumericModule }, { kind: "pipe", type: i2$2.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
587
594
|
}
|
|
588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryItemComponent, decorators: [{
|
|
589
596
|
type: Component,
|
|
590
597
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-list-summary-item', imports: [SkyKeyInfoModule, SkyNumericModule], template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue() !== undefined) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block}\n"] }]
|
|
591
598
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], labelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelText", required: true }] }], valueFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFormat", required: false }] }], helpKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpKey", required: false }] }], helpPopoverContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverContent", required: false }] }], helpPopoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverTitle", required: false }] }] } });
|
|
@@ -594,20 +601,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
594
601
|
* Displays a horizontal list of summary statistics or key metrics in a consistent layout.
|
|
595
602
|
*/
|
|
596
603
|
class SkyListSummaryComponent {
|
|
597
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
598
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
604
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyListSummaryComponent, isStandalone: true, selector: "sky-list-summary", hostDirectives: [{ directive: i1$2.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-item-gap: 15px;--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:flex;flex-wrap:wrap;column-gap:var(--sky-override-list-summary-item-gap, var(--sky-space-inline-xl));align-items:baseline;padding:var(--sky-override-list-summary-padding, var(--sky-comp-list_summary-space-inset-top) var(--sky-comp-list_summary-space-inset-right) var(--sky-comp-list_summary-space-inset-bottom) var(--sky-comp-list_summary-space-inset-left));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}:host-context(.sky-viewkeeper-fixed){background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}.sky-list-summary-content-container{display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
599
606
|
}
|
|
600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
607
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryComponent, decorators: [{
|
|
601
608
|
type: Component,
|
|
602
|
-
args: [{ selector: 'sky-list-summary', hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-item-gap: 15px;--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:flex;flex-wrap:wrap;column-gap:var(--sky-override-list-summary-item-gap, var(--sky-space-inline-xl));align-items:baseline;padding:var(--sky-override-list-summary-padding, var(--sky-comp-list_summary-space-inset-top) var(--sky-comp-list_summary-space-inset-right) var(--sky-comp-list_summary-space-inset-bottom) var(--sky-comp-list_summary-space-inset-left));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}:host-context(.sky-viewkeeper-fixed){background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}.sky-list-summary-content-container{display:inline-block}\n"] }]
|
|
609
|
+
args: [{ selector: 'sky-list-summary', changeDetection: ChangeDetectionStrategy.Eager, hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-item-gap: 15px;--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:flex;flex-wrap:wrap;column-gap:var(--sky-override-list-summary-item-gap, var(--sky-space-inline-xl));align-items:baseline;padding:var(--sky-override-list-summary-padding, var(--sky-comp-list_summary-space-inset-top) var(--sky-comp-list_summary-space-inset-right) var(--sky-comp-list_summary-space-inset-bottom) var(--sky-comp-list_summary-space-inset-left));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}:host-context(.sky-viewkeeper-fixed){background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}.sky-list-summary-content-container{display:inline-block}\n"] }]
|
|
603
610
|
}] });
|
|
604
611
|
|
|
605
612
|
class SkyListSummaryModule {
|
|
606
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
607
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
608
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
613
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
614
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryModule, imports: [SkyListSummaryComponent, SkyListSummaryItemComponent], exports: [SkyListSummaryComponent, SkyListSummaryItemComponent] }); }
|
|
615
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryModule, imports: [SkyListSummaryItemComponent] }); }
|
|
609
616
|
}
|
|
610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyListSummaryModule, decorators: [{
|
|
611
618
|
type: NgModule,
|
|
612
619
|
args: [{
|
|
613
620
|
imports: [SkyListSummaryComponent, SkyListSummaryItemComponent],
|
|
@@ -616,13 +623,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
616
623
|
}] });
|
|
617
624
|
|
|
618
625
|
class SkyPagingContentComponent {
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyPagingContentComponent, isStandalone: true, selector: "sky-paging-content", ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
621
628
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingContentComponent, decorators: [{
|
|
623
630
|
type: Component,
|
|
624
631
|
args: [{
|
|
625
632
|
selector: 'sky-paging-content',
|
|
633
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
626
634
|
template: `<ng-content />`,
|
|
627
635
|
}]
|
|
628
636
|
}] });
|
|
@@ -745,10 +753,10 @@ class SkyPagingComponent {
|
|
|
745
753
|
#moveFocusToTop() {
|
|
746
754
|
this.contentWrapper?.nativeElement.focus();
|
|
747
755
|
}
|
|
748
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
749
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
756
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
757
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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-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-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{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: ["iconName", "variant", "iconSize"] }, { kind: "component", type: i1$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
750
758
|
}
|
|
751
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
759
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingComponent, decorators: [{
|
|
752
760
|
type: Component,
|
|
753
761
|
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-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-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{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"] }]
|
|
754
762
|
}], propDecorators: { currentPage: [{
|
|
@@ -771,20 +779,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
771
779
|
}] } });
|
|
772
780
|
|
|
773
781
|
class SkyPagingModule {
|
|
774
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
775
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
782
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
783
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingModule, declarations: [SkyPagingComponent], imports: [CommonModule,
|
|
776
784
|
SkyIconModule,
|
|
777
785
|
SkyListsResourcesModule,
|
|
778
786
|
SkyPagingContentComponent,
|
|
779
787
|
SkyThemeModule,
|
|
780
788
|
SkyWaitModule], exports: [SkyPagingComponent, SkyPagingContentComponent] }); }
|
|
781
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
789
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingModule, imports: [CommonModule,
|
|
782
790
|
SkyIconModule,
|
|
783
791
|
SkyListsResourcesModule,
|
|
784
792
|
SkyThemeModule,
|
|
785
793
|
SkyWaitModule] }); }
|
|
786
794
|
}
|
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyPagingModule, decorators: [{
|
|
788
796
|
type: NgModule,
|
|
789
797
|
args: [{
|
|
790
798
|
declarations: [SkyPagingComponent],
|
|
@@ -804,12 +812,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
804
812
|
* Displays content text when the repeater is expanded.
|
|
805
813
|
*/
|
|
806
814
|
class SkyRepeaterItemContentComponent {
|
|
807
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
808
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
815
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
816
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyRepeaterItemContentComponent, isStandalone: false, selector: "sky-repeater-item-content", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
809
817
|
}
|
|
810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemContentComponent, decorators: [{
|
|
811
819
|
type: Component,
|
|
812
|
-
args: [{ selector: 'sky-repeater-item-content', standalone: false, template: "<ng-content />\n" }]
|
|
820
|
+
args: [{ selector: 'sky-repeater-item-content', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n" }]
|
|
813
821
|
}] });
|
|
814
822
|
|
|
815
823
|
/**
|
|
@@ -819,24 +827,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
819
827
|
/* istanbul ignore next */
|
|
820
828
|
/* Code coverage having problems with no statements in classes */
|
|
821
829
|
class SkyRepeaterItemContextMenuComponent {
|
|
822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
823
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
830
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
831
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyRepeaterItemContextMenuComponent, isStandalone: false, selector: "sky-repeater-item-context-menu", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
824
832
|
}
|
|
825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemContextMenuComponent, decorators: [{
|
|
826
834
|
type: Component,
|
|
827
|
-
args: [{ selector: 'sky-repeater-item-context-menu', standalone: false, template: "<ng-content />\n" }]
|
|
835
|
+
args: [{ selector: 'sky-repeater-item-context-menu', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n" }]
|
|
828
836
|
}] });
|
|
829
837
|
|
|
830
838
|
/**
|
|
831
839
|
* Displays a header inside the repeater item.
|
|
832
840
|
*/
|
|
833
841
|
class SkyRepeaterItemTitleComponent {
|
|
834
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
842
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
843
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyRepeaterItemTitleComponent, isStandalone: false, selector: "sky-repeater-item-title", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
836
844
|
}
|
|
837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemTitleComponent, decorators: [{
|
|
838
846
|
type: Component,
|
|
839
|
-
args: [{ selector: 'sky-repeater-item-title', standalone: false, template: "<ng-content />\n" }]
|
|
847
|
+
args: [{ selector: 'sky-repeater-item-title', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n" }]
|
|
840
848
|
}] });
|
|
841
849
|
|
|
842
850
|
let uniqueId = 0;
|
|
@@ -915,10 +923,10 @@ class SkyRepeaterService {
|
|
|
915
923
|
reorderItem(oldIndex, newIndex) {
|
|
916
924
|
this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
|
|
917
925
|
}
|
|
918
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
919
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
926
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
927
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterService }); }
|
|
920
928
|
}
|
|
921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
929
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterService, decorators: [{
|
|
922
930
|
type: Injectable
|
|
923
931
|
}] });
|
|
924
932
|
|
|
@@ -984,10 +992,10 @@ class SkyRepeaterAdapterService {
|
|
|
984
992
|
#getRepeaterItemArray() {
|
|
985
993
|
return Array.from(this.#host?.nativeElement.querySelectorAll(this.#repeaterItemGroupSelector));
|
|
986
994
|
}
|
|
987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
988
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
995
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
996
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterAdapterService }); }
|
|
989
997
|
}
|
|
990
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterAdapterService, decorators: [{
|
|
991
999
|
type: Injectable
|
|
992
1000
|
}] });
|
|
993
1001
|
|
|
@@ -1477,12 +1485,12 @@ class SkyRepeaterItemComponent {
|
|
|
1477
1485
|
}
|
|
1478
1486
|
});
|
|
1479
1487
|
}
|
|
1480
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1481
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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-theme-padding-inset-balanced-s\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName ? undefined : 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 <div class=\"sky-repeater-item-inline-form-contents\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </div>\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 [id]=\"contentId + '-item-checkbox'\"\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 [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <sky-animation-slide [opened]=\"slideDirection === 'down'\">\n <ng-content select=\"sky-repeater-item-content\" />\n </sky-animation-slide>\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-background-color: transparent;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-margin: 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-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-repeater-item .sky-repeater-item{display:flex;background-color:var(--sky-override-repeater-item-background-color, var(--sky-color-background-row-base));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 var(--sky-global-duration-short);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:0}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:none}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-repeater-item-inline-form-contents{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;margin:var(--sky-override-repeater-item-checkbox-margin, var(--sky-comp-repeater_item-checkbox-space-offset-top) var(--sky-comp-repeater_item-checkbox-space-offset-right) var(--sky-comp-repeater_item-checkbox-space-offset-bottom) var(--sky-comp-repeater_item-checkbox-space-offset-left))}sky-repeater-item .sky-repeater-item-selectable,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>label{cursor:pointer}sky-repeater-item .sky-repeater-item-selectable .sky-repeater-item-left,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>*:not(label){cursor:initial}sky-repeater-item .sky-repeater-item-selectable: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: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: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: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 var(--sky-global-duration-short)}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 .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))}.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:active{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: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))}\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: i1$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "component", type: i5.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "component", type: i2$2._SkyAnimationSlideComponent, selector: "sky-animation-slide", inputs: ["opened"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1488
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1489
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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-theme-padding-inset-balanced-s\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName ? undefined : 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 <div class=\"sky-repeater-item-inline-form-contents\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </div>\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 [id]=\"contentId + '-item-checkbox'\"\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 [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <sky-animation-slide [opened]=\"slideDirection === 'down'\">\n <ng-content select=\"sky-repeater-item-content\" />\n </sky-animation-slide>\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-background-color: transparent;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-margin: 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-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-repeater-item .sky-repeater-item{display:flex;background-color:var(--sky-override-repeater-item-background-color, var(--sky-color-background-row-base));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 var(--sky-global-duration-short);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:0}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:none}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-repeater-item-inline-form-contents{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;margin:var(--sky-override-repeater-item-checkbox-margin, var(--sky-comp-repeater_item-checkbox-space-offset-top) var(--sky-comp-repeater_item-checkbox-space-offset-right) var(--sky-comp-repeater_item-checkbox-space-offset-bottom) var(--sky-comp-repeater_item-checkbox-space-offset-left))}sky-repeater-item .sky-repeater-item-selectable,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>label{cursor:pointer}sky-repeater-item .sky-repeater-item-selectable .sky-repeater-item-left,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>*:not(label){cursor:initial}sky-repeater-item .sky-repeater-item-selectable: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: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: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: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 var(--sky-global-duration-short)}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 .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))}.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:active{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: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))}\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: i1$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "component", type: i5.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "component", type: i2$2._SkyAnimationSlideComponent, selector: "sky-animation-slide", inputs: ["opened"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1482
1490
|
}
|
|
1483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterItemComponent, decorators: [{
|
|
1484
1492
|
type: Component,
|
|
1485
|
-
args: [{ selector: 'sky-repeater-item', providers: [SkyContentInfoProvider], encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n #itemRef\n class=\"sky-repeater-item sky-theme-padding-inset-balanced-s\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName ? undefined : 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 <div class=\"sky-repeater-item-inline-form-contents\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </div>\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 [id]=\"contentId + '-item-checkbox'\"\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 [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <sky-animation-slide [opened]=\"slideDirection === 'down'\">\n <ng-content select=\"sky-repeater-item-content\" />\n </sky-animation-slide>\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-background-color: transparent;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-margin: 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-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-repeater-item .sky-repeater-item{display:flex;background-color:var(--sky-override-repeater-item-background-color, var(--sky-color-background-row-base));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 var(--sky-global-duration-short);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:0}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:none}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-repeater-item-inline-form-contents{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;margin:var(--sky-override-repeater-item-checkbox-margin, var(--sky-comp-repeater_item-checkbox-space-offset-top) var(--sky-comp-repeater_item-checkbox-space-offset-right) var(--sky-comp-repeater_item-checkbox-space-offset-bottom) var(--sky-comp-repeater_item-checkbox-space-offset-left))}sky-repeater-item .sky-repeater-item-selectable,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>label{cursor:pointer}sky-repeater-item .sky-repeater-item-selectable .sky-repeater-item-left,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>*:not(label){cursor:initial}sky-repeater-item .sky-repeater-item-selectable: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: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: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: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 var(--sky-global-duration-short)}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 .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))}.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:active{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: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))}\n"] }]
|
|
1493
|
+
args: [{ selector: 'sky-repeater-item', providers: [SkyContentInfoProvider], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div\n #itemRef\n class=\"sky-repeater-item sky-theme-padding-inset-balanced-s\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName ? undefined : 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 <div class=\"sky-repeater-item-inline-form-contents\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </div>\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 [id]=\"contentId + '-item-checkbox'\"\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 [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <sky-animation-slide [opened]=\"slideDirection === 'down'\">\n <ng-content select=\"sky-repeater-item-content\" />\n </sky-animation-slide>\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-background-color: transparent;--sky-override-repeater-item-border-bottom: 1px dotted #cdcfd2;--sky-override-repeater-item-border-radius: 0;--sky-override-repeater-item-checkbox-margin: 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-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-repeater-item .sky-repeater-item{display:flex;background-color:var(--sky-override-repeater-item-background-color, var(--sky-color-background-row-base));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 var(--sky-global-duration-short);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:0}sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:none}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-repeater-item-inline-form-contents{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;margin:var(--sky-override-repeater-item-checkbox-margin, var(--sky-comp-repeater_item-checkbox-space-offset-top) var(--sky-comp-repeater_item-checkbox-space-offset-right) var(--sky-comp-repeater_item-checkbox-space-offset-bottom) var(--sky-comp-repeater_item-checkbox-space-offset-left))}sky-repeater-item .sky-repeater-item-selectable,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>label{cursor:pointer}sky-repeater-item .sky-repeater-item-selectable .sky-repeater-item-left,sky-repeater-item .sky-repeater-item-selectable sky-repeater-item-content>*:not(label){cursor:initial}sky-repeater-item .sky-repeater-item-selectable: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: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: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: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 var(--sky-global-duration-short)}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 .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))}.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:active{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: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))}\n"] }]
|
|
1486
1494
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
1487
1495
|
type: Input
|
|
1488
1496
|
}], itemName: [{
|
|
@@ -1895,10 +1903,10 @@ class SkyRepeaterComponent {
|
|
|
1895
1903
|
this.#logSvc.warn('Please supply tag properties for each repeater item when reordering functionality is enabled.');
|
|
1896
1904
|
}
|
|
1897
1905
|
}
|
|
1898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1899
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1906
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyRepeaterComponent, isStandalone: false, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n [attr.role]=\"role\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n (cdkObserveContent)=\"onCdkObserveContent()\"\n >\n <ng-content />\n </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1900
1908
|
}
|
|
1901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterComponent, decorators: [{
|
|
1902
1910
|
type: Component,
|
|
1903
1911
|
args: [{ selector: 'sky-repeater', providers: [SkyRepeaterService, SkyRepeaterAdapterService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n [attr.role]=\"role\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n (cdkObserveContent)=\"onCdkObserveContent()\"\n >\n <ng-content />\n </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"] }]
|
|
1904
1912
|
}], ctorParameters: () => [], propDecorators: { activeIndex: [{
|
|
@@ -1919,8 +1927,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1919
1927
|
}] } });
|
|
1920
1928
|
|
|
1921
1929
|
class SkyRepeaterModule {
|
|
1922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1923
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1931
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterModule, declarations: [SkyRepeaterComponent,
|
|
1924
1932
|
SkyRepeaterItemComponent,
|
|
1925
1933
|
SkyRepeaterItemContentComponent,
|
|
1926
1934
|
SkyRepeaterItemContextMenuComponent,
|
|
@@ -1937,7 +1945,7 @@ class SkyRepeaterModule {
|
|
|
1937
1945
|
SkyRepeaterItemContentComponent,
|
|
1938
1946
|
SkyRepeaterItemContextMenuComponent,
|
|
1939
1947
|
SkyRepeaterItemTitleComponent] }); }
|
|
1940
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1948
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterModule, imports: [CommonModule,
|
|
1941
1949
|
ObserversModule,
|
|
1942
1950
|
SkyChevronModule,
|
|
1943
1951
|
SkyCheckboxModule,
|
|
@@ -1947,7 +1955,7 @@ class SkyRepeaterModule {
|
|
|
1947
1955
|
SkyListsResourcesModule,
|
|
1948
1956
|
_SkyAnimationSlideComponent] }); }
|
|
1949
1957
|
}
|
|
1950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyRepeaterModule, decorators: [{
|
|
1951
1959
|
type: NgModule,
|
|
1952
1960
|
args: [{
|
|
1953
1961
|
declarations: [
|
|
@@ -1996,10 +2004,10 @@ class SkySortService {
|
|
|
1996
2004
|
selectItem(sortItem) {
|
|
1997
2005
|
this.selectedItem.next(sortItem);
|
|
1998
2006
|
}
|
|
1999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2000
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2008
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortService }); }
|
|
2001
2009
|
}
|
|
2002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortService, decorators: [{
|
|
2003
2011
|
type: Injectable
|
|
2004
2012
|
}] });
|
|
2005
2013
|
|
|
@@ -2052,10 +2060,10 @@ class SkySortItemComponent {
|
|
|
2052
2060
|
this.#subscription.unsubscribe();
|
|
2053
2061
|
}
|
|
2054
2062
|
}
|
|
2055
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2056
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2063
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2064
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkySortItemComponent, isStandalone: false, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-box-shadow-selected-active: none;--sky-override-sort-item-box-shadow-selected-hover: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-selected-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-hover-active-background: transparent;--sky-override-sort-item-hover-selected-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;cursor:pointer;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-border-width-selected-m) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-border-width-selected-m)));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-style-body-m));color:var(--sky-override-sort-item-selected-color-text, var(--sky-color-text-selected))}.sky-sort-item-selected button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-selected-background, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-sort-item-box-shadow-selected-hover, none)}.sky-sort-item-selected button:active{background-color:var(--sky-override-sort-item-hover-active-background, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-sort-item-box-shadow-selected-active, none)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2057
2065
|
}
|
|
2058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
2059
2067
|
type: Component,
|
|
2060
2068
|
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-box-shadow-selected-active: none;--sky-override-sort-item-box-shadow-selected-hover: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-selected-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-hover-active-background: transparent;--sky-override-sort-item-hover-selected-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;cursor:pointer;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-border-width-selected-m) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-border-width-selected-m)));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-style-body-m));color:var(--sky-override-sort-item-selected-color-text, var(--sky-color-text-selected))}.sky-sort-item-selected button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-selected-background, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-sort-item-box-shadow-selected-hover, none)}.sky-sort-item-selected button:active{background-color:var(--sky-override-sort-item-hover-active-background, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-sort-item-box-shadow-selected-active, none)}\n"] }]
|
|
2061
2069
|
}], propDecorators: { active: [{
|
|
@@ -2068,12 +2076,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2068
2076
|
}] } });
|
|
2069
2077
|
|
|
2070
2078
|
class SkySortMenuHeadingComponent {
|
|
2071
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2072
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortMenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2080
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkySortMenuHeadingComponent, isStandalone: false, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-theme-font-heading-3': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2073
2081
|
}
|
|
2074
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortMenuHeadingComponent, decorators: [{
|
|
2075
2083
|
type: Component,
|
|
2076
|
-
args: [{ selector: 'sky-sort-menu-heading', standalone: false, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-theme-font-heading-3': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"] }]
|
|
2084
|
+
args: [{ selector: 'sky-sort-menu-heading', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-theme-font-heading-3': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"] }]
|
|
2077
2085
|
}] });
|
|
2078
2086
|
|
|
2079
2087
|
class SkySortComponent {
|
|
@@ -2092,10 +2100,10 @@ class SkySortComponent {
|
|
|
2092
2100
|
type: SkyDropdownMessageType.Close,
|
|
2093
2101
|
});
|
|
2094
2102
|
}
|
|
2095
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2096
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: SkySortComponent, isStandalone: false, selector: "sky-sort", inputs: { ariaLabel: "ariaLabel", showButtonText: "showButtonText" }, providers: [SkySortService], queries: [{ propertyName: "sortItems", predicate: SkySortItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_sort_button_label' | skyLibResources))\n \"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon iconName=\"arrow-sort\" />\n @if (showButtonText) {\n <span class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n }\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading #sortMenuHeading=\"skyId\" skyId />\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n @for (item of sortItems; track item) {\n <sky-dropdown-item>\n <ng-container [ngTemplateOutlet]=\"item.itemTemplate!\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}@media(min-width:768px){:host .sky-sort-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$3.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i2$3.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i2$3.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i2$3.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "directive", type: i2$2.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "component", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2097
2105
|
}
|
|
2098
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortComponent, decorators: [{
|
|
2099
2107
|
type: Component,
|
|
2100
2108
|
args: [{ selector: 'sky-sort', providers: [SkySortService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_sort_button_label' | skyLibResources))\n \"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon iconName=\"arrow-sort\" />\n @if (showButtonText) {\n <span class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n }\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading #sortMenuHeading=\"skyId\" skyId />\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n @for (item of sortItems; track item) {\n <sky-dropdown-item>\n <ng-container [ngTemplateOutlet]=\"item.itemTemplate!\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}@media(min-width:768px){:host .sky-sort-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}\n"] }]
|
|
2101
2109
|
}], ctorParameters: () => [], propDecorators: { ariaLabel: [{
|
|
@@ -2108,8 +2116,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2108
2116
|
}] } });
|
|
2109
2117
|
|
|
2110
2118
|
class SkySortModule {
|
|
2111
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2112
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2120
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkySortModule, declarations: [SkySortComponent,
|
|
2113
2121
|
SkySortItemComponent,
|
|
2114
2122
|
SkySortMenuHeadingComponent], imports: [CommonModule,
|
|
2115
2123
|
SkyDropdownModule,
|
|
@@ -2117,14 +2125,14 @@ class SkySortModule {
|
|
|
2117
2125
|
SkyIdModule,
|
|
2118
2126
|
SkyListsResourcesModule,
|
|
2119
2127
|
SkyThemeModule], exports: [SkySortComponent, SkySortItemComponent] }); }
|
|
2120
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2128
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortModule, imports: [CommonModule,
|
|
2121
2129
|
SkyDropdownModule,
|
|
2122
2130
|
SkyIconModule,
|
|
2123
2131
|
SkyIdModule,
|
|
2124
2132
|
SkyListsResourcesModule,
|
|
2125
2133
|
SkyThemeModule] }); }
|
|
2126
2134
|
}
|
|
2127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkySortModule, decorators: [{
|
|
2128
2136
|
type: NgModule,
|
|
2129
2137
|
args: [{
|
|
2130
2138
|
declarations: [
|