@skyux/lists 12.13.2 → 12.14.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.mjs +6 -6
- package/fesm2022/skyux-lists.mjs.map +1 -1
- package/package.json +11 -11
package/fesm2022/skyux-lists.mjs
CHANGED
|
@@ -195,11 +195,11 @@ class SkyFilterButtonComponent {
|
|
|
195
195
|
this.filterButtonClick.emit();
|
|
196
196
|
}
|
|
197
197
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyFilterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", 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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}: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-action)}: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),var(--sky-elevation-focus)}: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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}.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-action)}.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),var(--sky-elevation-focus)}.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: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", 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: [":host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-btn{--sky-override-filter-btn-active-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected), var(--sky-elevation-focus)}.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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}: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-action)}: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:var(--sky-override-filter-btn-active-box-shadow-focus-elevation, 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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}.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-action)}.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:var(--sky-override-filter-btn-active-box-shadow-focus-elevation, 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: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
199
199
|
}
|
|
200
200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyFilterButtonComponent, decorators: [{
|
|
201
201
|
type: Component,
|
|
202
|
-
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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}: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-action)}: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),var(--sky-elevation-focus)}: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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}.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-action)}.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),var(--sky-elevation-focus)}.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"] }]
|
|
202
|
+
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: [":host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-btn{--sky-override-filter-btn-active-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-selected), var(--sky-elevation-focus)}.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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}: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-action)}: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:var(--sky-override-filter-btn-active-box-shadow-focus-elevation, 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-action);padding:var(--sky-override-button-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-right-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-left-m))}.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-action)}.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:var(--sky-override-filter-btn-active-box-shadow-focus-elevation, 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"] }]
|
|
203
203
|
}], ctorParameters: () => [], propDecorators: { filterButtonId: [{
|
|
204
204
|
type: Input
|
|
205
205
|
}], ariaControls: [{
|
|
@@ -679,11 +679,11 @@ class SkyPagingComponent {
|
|
|
679
679
|
this.contentWrapper?.nativeElement.focus();
|
|
680
680
|
}
|
|
681
681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyPagingComponent, isStandalone: false, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange", contentChange: "contentChange" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<sky-wait\n [ariaLabel]=\"\n 'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n \"\n [isWaiting]=\"!!(isLoading | async)\"\n [screenReaderCompletedText]=\"\n 'skyux_paging_loaded' | skyLibResources: currentPage\n \"\n/>\n<div\n #contentWrapper\n class=\"sky-paging-content-wrapper\"\n role=\"group\"\n tabindex=\"-1\"\n [attr.aria-label]=\"\n 'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n \"\n>\n <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n <nav\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n >\n <ul>\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon iconName=\"chevron-left\" />\n </button>\n </li>\n @for (pageNumber of displayedPages; track pageNumber) {\n <li class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [attr.aria-label]=\"\n 'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n \"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n }\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon iconName=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-
|
|
682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyPagingComponent, isStandalone: false, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange", contentChange: "contentChange" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<sky-wait\n [ariaLabel]=\"\n 'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n \"\n [isWaiting]=\"!!(isLoading | async)\"\n [screenReaderCompletedText]=\"\n 'skyux_paging_loaded' | skyLibResources: currentPage\n \"\n/>\n<div\n #contentWrapper\n class=\"sky-paging-content-wrapper\"\n role=\"group\"\n tabindex=\"-1\"\n [attr.aria-label]=\"\n 'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n \"\n>\n <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n <nav\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n >\n <ul>\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon iconName=\"chevron-left\" />\n </button>\n </li>\n @for (pageNumber of displayedPages; track pageNumber) {\n <li class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [attr.aria-label]=\"\n 'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n \"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n }\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon iconName=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-space-inset-balanced-xs))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
683
683
|
}
|
|
684
684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPagingComponent, decorators: [{
|
|
685
685
|
type: Component,
|
|
686
|
-
args: [{ selector: 'sky-paging', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<sky-wait\n [ariaLabel]=\"\n 'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n \"\n [isWaiting]=\"!!(isLoading | async)\"\n [screenReaderCompletedText]=\"\n 'skyux_paging_loaded' | skyLibResources: currentPage\n \"\n/>\n<div\n #contentWrapper\n class=\"sky-paging-content-wrapper\"\n role=\"group\"\n tabindex=\"-1\"\n [attr.aria-label]=\"\n 'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n \"\n>\n <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n <nav\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n >\n <ul>\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon iconName=\"chevron-left\" />\n </button>\n </li>\n @for (pageNumber of displayedPages; track pageNumber) {\n <li class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [attr.aria-label]=\"\n 'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n \"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n }\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon iconName=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-
|
|
686
|
+
args: [{ selector: 'sky-paging', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<sky-wait\n [ariaLabel]=\"\n 'skyux_paging_loading' | skyLibResources: currentPage : pageCount\n \"\n [isWaiting]=\"!!(isLoading | async)\"\n [screenReaderCompletedText]=\"\n 'skyux_paging_loaded' | skyLibResources: currentPage\n \"\n/>\n<div\n #contentWrapper\n class=\"sky-paging-content-wrapper\"\n role=\"group\"\n tabindex=\"-1\"\n [attr.aria-label]=\"\n 'skyux_paging_page_label' | skyLibResources: currentPage : pageCount\n \"\n>\n <ng-content select=\"sky-paging-content\" />\n</div>\n@if (pageCount > 1) {\n <nav\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n >\n <ul>\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-previous sky-box\"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon iconName=\"chevron-left\" />\n </button>\n </li>\n @for (pageNumber of displayedPages; track pageNumber) {\n <li class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [attr.aria-label]=\"\n 'skyux_paging_page_link_aria_label' | skyLibResources: pageNumber\n \"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n }\n <li>\n <button\n class=\"sky-btn sky-btn-borderless sky-paging-btn sky-paging-btn-next sky-box\"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon iconName=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [".sky-paging:not(.sky-theme-modern *){--sky-override-paging-btn-background-color: #ffffff;--sky-override-paging-btn-background-color-active: #ffffff;--sky-override-paging-btn-background-color-focus: #ffffff;--sky-override-paging-btn-background-color-hover: rgb(211.7272727273, 211.7272727273, 214.2727272727);--sky-override-paging-btn-border: 1px solid #e2e3e4;--sky-override-paging-btn-border-active: 1px solid #e2e3e4;--sky-override-paging-btn-border-focus: 1px solid #e2e3e4;--sky-override-paging-btn-border-hover: 1px solid #e2e3e4;--sky-override-paging-btn-border-radius: 0;--sky-override-paging-btn-box-shadow-focus: none;--sky-override-paging-btn-color: inherit;--sky-override-paging-btn-color-disabled: #686c73;--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 4px 8.5px;--sky-override-paging-btn-iterators-padding-active: 4px 8.5px;--sky-override-paging-btn-iterators-padding-focus: 4px 8.5px;--sky-override-paging-btn-iterators-padding-hover: 4px 8.5px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-margin-right: 0;--sky-override-paging-btn-outline-focus: auto;--sky-override-paging-btn-padding: 4px 10px;--sky-override-paging-btn-padding-hover: 4px 10px;--sky-override-paging-btn-padding-active: 4px 10px;--sky-override-paging-btn-padding-focus: 4px 10px;--sky-override-paging-btn-states-box-shadow: none;--sky-override-paging-content-wrapper-margin-bottom: var( --sky-margin-stacked-lg );--sky-override-paging-current-background-color: #eeeeef;--sky-override-paging-current-border: 1px solid #e2e3e4;--sky-override-paging-current-box-shadow: none;--sky-override-paging-ul-margin: 15px 0 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-paging{--sky-override-paging-btn-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-paging-btn-float: left;--sky-override-paging-btn-font-size: 15px;--sky-override-paging-btn-font-variant-numeric: normal;--sky-override-paging-btn-iterators-padding: 3px 10px;--sky-override-paging-btn-line-height: calc(20 / 14);--sky-override-paging-btn-margin-left: -1px;--sky-override-paging-btn-padding: 3px 10px;--sky-override-paging-ul-margin: 15px 0 0 0}:host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-override-paging-content-wrapper-margin-bottom, var(--sky-space-stacked-l))}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}.sky-paging ul{margin:var(--sky-override-paging-ul-margin, var(--sky-space-stacked-l) 0 0 0);display:inline-block;padding-left:0}.sky-paging li{display:inline}.sky-paging li:has(.sky-paging-btn:disabled){cursor:not-allowed}.sky-paging .sky-paging-btn{border:var(--sky-override-paging-btn-border, none);border-radius:var(--sky-override-paging-btn-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-paging-btn-background-color, var(--sky-color-background-action-tertiary-base));color:var(--sky-override-paging-btn-color, var(--sky-color-text-default));float:var(--sky-override-paging-btn-float);margin-left:var(--sky-override-paging-btn-margin-left);margin-right:var(--sky-override-paging-btn-margin-right, var(--sky-space-gap-action_group-m));padding:var(--sky-override-paging-btn-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-space-inset-pillarbox-1_4-left-s));font-size:var(--sky-override-paging-btn-font-size, var(--sky-font-size-body-m));font-variant-numeric:var(--sky-override-paging-btn-font-variant-numeric, tabular-nums);line-height:var(--sky-override-paging-btn-line-height, var(--sky-font-line_height-body-m));cursor:pointer}.sky-paging .sky-paging-btn.sky-paging-current,.sky-paging .sky-paging-btn.sky-paging-current:disabled,.sky-paging .sky-paging-btn.sky-paging-current[disabled]{background-color:var(--sky-override-paging-current-background-color, var(--sky-color-background-selected-soft));cursor:default;color:inherit;opacity:1;border:var(--sky-override-paging-current-border);box-shadow:var(--sky-override-paging-current-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-color-border-selected))}.sky-paging .sky-paging-btn:hover{background-color:var(--sky-override-paging-btn-background-color-hover, var(--sky-color-background-action-tertiary-hover));border:var(--sky-override-paging-btn-border-hover);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-paging .sky-paging-btn:active{background-color:var(--sky-override-paging-btn-background-color-active, var(--sky-color-background-action-tertiary-active));border:var(--sky-override-paging-btn-border-active);box-shadow:var(--sky-override-paging-btn-states-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-paging .sky-paging-btn:focus-visible:not(:active){background-color:var(--sky-override-paging-btn-background-color-focus, var(--sky-color-background-action-tertiary-focus));border:var(--sky-override-paging-btn-border-focus);box-shadow:var(--sky-override-paging-btn-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));outline:var(--sky-override-paging-btn-outline-focus, none)}.sky-paging .sky-paging-btn:disabled{box-shadow:none;color:var(--sky-override-paging-btn-color-disabled, var(--sky-color-icon-deemphasized));pointer-events:none}.sky-paging .sky-paging-btn.sky-paging-btn-previous,.sky-paging .sky-paging-btn.sky-paging-btn-next{padding:var(--sky-override-paging-btn-iterators-padding, var(--sky-space-inset-balanced-xs))}\n"] }]
|
|
687
687
|
}], propDecorators: { currentPage: [{
|
|
688
688
|
type: Input
|
|
689
689
|
}], itemCount: [{
|
|
@@ -1969,11 +1969,11 @@ class SkySortItemComponent {
|
|
|
1969
1969
|
}
|
|
1970
1970
|
}
|
|
1971
1971
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1972
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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-active-class-background: #eeeeef;--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-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-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-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-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-width-border-
|
|
1972
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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-active-class-background: #eeeeef;--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-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-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-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-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.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;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-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.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 button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.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-override-sort-item-width-border-selected, var(--sky-border-width-selected-l)) 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-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));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-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\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 }); }
|
|
1973
1973
|
}
|
|
1974
1974
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
1975
1975
|
type: Component,
|
|
1976
|
-
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-active-class-background: #eeeeef;--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-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-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-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-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-width-border-
|
|
1976
|
+
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-active-class-background: #eeeeef;--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-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-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-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-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.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;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-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.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 button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.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-override-sort-item-width-border-selected, var(--sky-border-width-selected-l)) 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-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));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-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
|
|
1977
1977
|
}], ctorParameters: () => [{ type: SkySortService }, { type: i0.ChangeDetectorRef }], propDecorators: { active: [{
|
|
1978
1978
|
type: Input
|
|
1979
1979
|
}], itemSelect: [{
|