@skyux/lists 12.0.0-alpha.0 → 12.0.0-alpha.2
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
CHANGED
|
@@ -4,27 +4,27 @@ import * as i0 from '@angular/core';
|
|
|
4
4
|
import { NgModule, EventEmitter, inject, Component, ChangeDetectionStrategy, Input, Output, Injectable, ElementRef, ViewChild, ViewEncapsulation, ContentChild, HostBinding, ContentChildren, HostListener, ChangeDetectorRef, Renderer2, TemplateRef } from '@angular/core';
|
|
5
5
|
import * as i2 from '@skyux/icon';
|
|
6
6
|
import { SkyIconModule } from '@skyux/icon';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i2$1 from '@skyux/indicators';
|
|
8
8
|
import { SkyTokensModule, SkyWaitModule, SkyChevronModule } from '@skyux/indicators';
|
|
9
9
|
import * as i3 from '@skyux/theme';
|
|
10
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
10
|
+
import { SkyThemeComponentClassDirective, SkyThemeModule } from '@skyux/theme';
|
|
11
11
|
import * as i3$1 from '@skyux/i18n';
|
|
12
12
|
import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
13
|
-
import * as i1$
|
|
13
|
+
import * as i1$1 from '@skyux/core';
|
|
14
14
|
import { SkyContentInfoProvider, SkyIdService, SkyScrollableHostService, SkyLogService, SkyIdModule } from '@skyux/core';
|
|
15
15
|
import { Subject, fromEvent, BehaviorSubject, forkJoin } from 'rxjs';
|
|
16
16
|
import { takeUntil, filter, map } from 'rxjs/operators';
|
|
17
|
-
import * as i2$
|
|
17
|
+
import * as i2$2 from '@angular/cdk/observers';
|
|
18
18
|
import { ObserversModule } from '@angular/cdk/observers';
|
|
19
19
|
import * as i6 from '@skyux/forms';
|
|
20
20
|
import { SkyCheckboxModule } from '@skyux/forms';
|
|
21
21
|
import * as i8 from '@skyux/inline-form';
|
|
22
22
|
import { SkyInlineFormModule } from '@skyux/inline-form';
|
|
23
|
-
import * as i1$
|
|
23
|
+
import * as i1$2 from 'ng2-dragula';
|
|
24
24
|
import { DragulaService, DragulaModule } from 'ng2-dragula';
|
|
25
25
|
import { skyAnimationSlide } from '@skyux/animations';
|
|
26
26
|
import autoScroll from 'dom-autoscroller';
|
|
27
|
-
import * as i2$
|
|
27
|
+
import * as i2$3 from '@skyux/popovers';
|
|
28
28
|
import { SkyDropdownMessageType, SkyDropdownModule } from '@skyux/popovers';
|
|
29
29
|
|
|
30
30
|
/* istanbul ignore file */
|
|
@@ -145,11 +145,11 @@ class SkyFilterButtonComponent {
|
|
|
145
145
|
this.filterButtonClick.emit();
|
|
146
146
|
}
|
|
147
147
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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 *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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{color:initial;border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);background-color:var(--sky-background-color-input-selected);color:var(--sky-text-color-action-primary);padding:9px 21px}: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{border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);text-decoration:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,: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:hover,: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:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-active{color:var(--sky-text-color-action-primary)}: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{border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark);background-image:none}: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{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}: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){border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark),0 1px 8px #0000004d}.sky-theme-modern .sky-filter-btn-active,.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);background-color:var(--sky-background-color-input-selected);color:var(--sky-text-color-action-primary);padding:9px 21px}.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{border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);text-decoration:none}.sky-theme-modern .sky-filter-btn-active:hover,.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:hover,.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:hover,.sky-theme-modern .sky-filter-btn-active:focus:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-active{color:var(--sky-text-color-action-primary)}.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{border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark);background-image:none}.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{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.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){border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark),0 1px 8px #0000004d}: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"] }, { kind: "directive", type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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 *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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"] }, { kind: "directive", type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
149
149
|
}
|
|
150
150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterButtonComponent, decorators: [{
|
|
151
151
|
type: Component,
|
|
152
|
-
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 *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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{color:initial;border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);background-color:var(--sky-background-color-input-selected);color:var(--sky-text-color-action-primary);padding:9px 21px}: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{border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);text-decoration:none}:host-context(.sky-theme-modern) .sky-filter-btn-active:hover,: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:hover,: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:hover,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus:active,:host-context(.sky-theme-modern) .sky-filter-btn-active:focus.sky-btn-active{color:var(--sky-text-color-action-primary)}: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{border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark);background-image:none}: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{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}: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){border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark),0 1px 8px #0000004d}.sky-theme-modern .sky-filter-btn-active,.sky-theme-modern .sky-filter-btn-active:hover,.sky-theme-modern .sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);background-color:var(--sky-background-color-input-selected);color:var(--sky-text-color-action-primary);padding:9px 21px}.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{border:none;box-shadow:inset 0 0 0 1px var(--sky-background-color-primary-dark);text-decoration:none}.sky-theme-modern .sky-filter-btn-active:hover,.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:hover,.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:hover,.sky-theme-modern .sky-filter-btn-active:focus:active,.sky-theme-modern .sky-filter-btn-active:focus.sky-btn-active{color:var(--sky-text-color-action-primary)}.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{border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark);background-image:none}.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{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.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){border:none;box-shadow:inset 0 0 0 2px var(--sky-background-color-primary-dark),0 1px 8px #0000004d}: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"] }]
|
|
152
|
+
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 *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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"] }]
|
|
153
153
|
}], ctorParameters: () => [], propDecorators: { filterButtonId: [{
|
|
154
154
|
type: Input
|
|
155
155
|
}], ariaControls: [{
|
|
@@ -173,11 +173,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
173
173
|
*/
|
|
174
174
|
class SkyFilterInlineItemComponent {
|
|
175
175
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
176
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterInlineItemComponent, isStandalone: false, selector: "sky-filter-inline-item", ngImport: i0, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] }); }
|
|
176
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterInlineItemComponent, isStandalone: false, selector: "sky-filter-inline-item", ngImport: i0, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item:not(.sky-theme-modern *){--sky-override-filter-inline-item-margin-right: 10px}.sky-filter-inline-item{margin-right:var(--sky-override-filter-inline-item-margin-right, var(--sky-space-gap-form-s))}\n"] }); }
|
|
177
177
|
}
|
|
178
178
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterInlineItemComponent, decorators: [{
|
|
179
179
|
type: Component,
|
|
180
|
-
args: [{ selector: 'sky-filter-inline-item', standalone: false, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] }]
|
|
180
|
+
args: [{ selector: 'sky-filter-inline-item', standalone: false, template: "<div class=\"sky-filter-inline-item\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline-item:not(.sky-theme-modern *){--sky-override-filter-inline-item-margin-right: 10px}.sky-filter-inline-item{margin-right:var(--sky-override-filter-inline-item-margin-right, var(--sky-space-gap-form-s))}\n"] }]
|
|
181
181
|
}] });
|
|
182
182
|
|
|
183
183
|
/**
|
|
@@ -185,11 +185,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
185
185
|
*/
|
|
186
186
|
class SkyFilterInlineComponent {
|
|
187
187
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
188
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterInlineComponent, isStandalone: false, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline{background-color
|
|
188
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterInlineComponent, isStandalone: false, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }); }
|
|
189
189
|
}
|
|
190
190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
191
191
|
type: Component,
|
|
192
|
-
args: [{ selector: 'sky-filter-inline', standalone: false, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline{background-color
|
|
192
|
+
args: [{ selector: 'sky-filter-inline', standalone: false, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }]
|
|
193
193
|
}] });
|
|
194
194
|
|
|
195
195
|
/**
|
|
@@ -227,11 +227,11 @@ class SkyFilterSummaryItemComponent {
|
|
|
227
227
|
this.itemClick.emit();
|
|
228
228
|
}
|
|
229
229
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
230
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterSummaryItemComponent, isStandalone: false, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, ngImport: i0, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [".sky-filter-summary-item
|
|
230
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterSummaryItemComponent, isStandalone: false, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, hostDirectives: [{ directive: i3.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-filter-summary-item-margin-right: 5px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-summary-item{--sky-override-filter-summary-item-padding: 0 0 var(--sky-space-gap-action_group-s) 0}.sky-filter-summary-item{display:inline-block;padding:var(--sky-override-filter-summary-item-padding)}:host:not(:last-child){margin-right:var(--sky-override-filter-summary-item-margin-right, var(--sky-space-gap-action_group-s))}\n"], dependencies: [{ kind: "component", type: i2$1.λ12, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
231
231
|
}
|
|
232
232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterSummaryItemComponent, decorators: [{
|
|
233
233
|
type: Component,
|
|
234
|
-
args: [{ selector: 'sky-filter-summary-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [".sky-filter-summary-item
|
|
234
|
+
args: [{ selector: 'sky-filter-summary-item', hostDirectives: [SkyThemeComponentClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-filter-summary-item\"\n (click)=\"onItemClick()\"\n (keypress.enter)=\"onItemKeypress()\"\n>\n <sky-token\n [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n [dismissible]=\"dismissible\"\n (dismiss)=\"onItemDismiss()\"\n >\n <ng-content />\n </sky-token>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-filter-summary-item-margin-right: 5px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-summary-item{--sky-override-filter-summary-item-padding: 0 0 var(--sky-space-gap-action_group-s) 0}.sky-filter-summary-item{display:inline-block;padding:var(--sky-override-filter-summary-item-padding)}:host:not(:last-child){margin-right:var(--sky-override-filter-summary-item-margin-right, var(--sky-space-gap-action_group-s))}\n"] }]
|
|
235
235
|
}], propDecorators: { dismissible: [{
|
|
236
236
|
type: Input
|
|
237
237
|
}], dismiss: [{
|
|
@@ -245,11 +245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
245
245
|
*/
|
|
246
246
|
class SkyFilterSummaryComponent {
|
|
247
247
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
248
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterSummaryComponent, isStandalone: false, selector: "sky-filter-summary", ngImport: i0, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary-header
|
|
248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SkyFilterSummaryComponent, isStandalone: false, selector: "sky-filter-summary", ngImport: i0, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary:not(.sky-theme-modern *){--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-header-margin: 5px 10px 0 0;--sky-override-filter-summary-row-gap: 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-summary{--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-row-gap: 0}.sky-filter-summary-header{margin:var(--sky-override-filter-summary-header-margin, 0 var(--sky-space-gap-text_action-s) 0 0);font-weight:var(--sky-override-filter-summary-font-weight, var(--sky-font-weight-emphasized))}.sky-filter-summary{background-color:var(--sky-override-filter-summary-background-color);overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap;row-gap:var(--sky-override-filter-summary-row-gap, var(--sky-space-gap-action_group-s))}\n"], dependencies: [{ kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
249
249
|
}
|
|
250
250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyFilterSummaryComponent, decorators: [{
|
|
251
251
|
type: Component,
|
|
252
|
-
args: [{ selector: 'sky-filter-summary', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary-header
|
|
252
|
+
args: [{ selector: 'sky-filter-summary', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-filter-summary\">\n <span class=\"sky-filter-summary-header\"\n >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n >\n <div class=\"sky-filter-summary-items\">\n <ng-content />\n </div>\n</div>\n", styles: [".sky-filter-summary:not(.sky-theme-modern *){--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-header-margin: 5px 10px 0 0;--sky-override-filter-summary-row-gap: 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-filter-summary{--sky-override-filter-summary-background-color: #ffffff;--sky-override-filter-summary-font-weight: 600;--sky-override-filter-summary-row-gap: 0}.sky-filter-summary-header{margin:var(--sky-override-filter-summary-header-margin, 0 var(--sky-space-gap-text_action-s) 0 0);font-weight:var(--sky-override-filter-summary-font-weight, var(--sky-font-weight-emphasized))}.sky-filter-summary{background-color:var(--sky-override-filter-summary-background-color);overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap;row-gap:var(--sky-override-filter-summary-row-gap, var(--sky-space-gap-action_group-s))}\n"] }]
|
|
253
253
|
}] });
|
|
254
254
|
|
|
255
255
|
class SkyFilterModule {
|
|
@@ -369,12 +369,12 @@ class SkyInfiniteScrollDomAdapterService {
|
|
|
369
369
|
const parentRect = parentElement.getBoundingClientRect();
|
|
370
370
|
return elementRect.top < parentRect.top + parentRect.height;
|
|
371
371
|
}
|
|
372
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1$
|
|
372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1$1.SkyScrollableHostService }, { token: i1$1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
373
373
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollDomAdapterService }); }
|
|
374
374
|
}
|
|
375
375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollDomAdapterService, decorators: [{
|
|
376
376
|
type: Injectable
|
|
377
|
-
}], ctorParameters: () => [{ type: i1$
|
|
377
|
+
}], ctorParameters: () => [{ type: i1$1.SkyScrollableHostService }, { type: i1$1.SkyAppWindowRef }] });
|
|
378
378
|
|
|
379
379
|
class SkyInfiniteScrollComponent {
|
|
380
380
|
/**
|
|
@@ -470,7 +470,7 @@ class SkyInfiniteScrollComponent {
|
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SkyInfiniteScrollDomAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
473
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyInfiniteScrollComponent, isStandalone: false, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0, template: "@if (enabled) {\n <div class=\"sky-infinite-scroll\">\n @if (!isWaiting) {\n <button\n class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n } @else {\n <sky-wait [isWaiting]=\"true\" />\n }\n </div>\n}\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], dependencies: [{ kind: "component", type:
|
|
473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyInfiniteScrollComponent, isStandalone: false, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0, template: "@if (enabled) {\n <div class=\"sky-infinite-scroll\">\n @if (!isWaiting) {\n <button\n class=\"sky-btn sky-btn-default sky-infinite-scroll-load-more-button\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n } @else {\n <sky-wait [isWaiting]=\"true\" />\n }\n </div>\n}\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], dependencies: [{ kind: "component", type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
474
474
|
}
|
|
475
475
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyInfiniteScrollComponent, decorators: [{
|
|
476
476
|
type: Component,
|
|
@@ -629,7 +629,7 @@ class SkyPagingComponent {
|
|
|
629
629
|
this.contentWrapper?.nativeElement.focus();
|
|
630
630
|
}
|
|
631
631
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyPagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
632
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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-default 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 *skyThemeIf=\"'default'\" icon=\"caret-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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-default 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-default 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 *skyThemeIf=\"'default'\" icon=\"caret-right\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [":host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-margin-stacked-lg)}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:var(--sky-background-color-item-selected);border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:var(--sky-background-color-item-selected);border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\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"] }, { kind: "directive", type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "component", type:
|
|
632
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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-default 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 *skyThemeIf=\"'default'\" icon=\"caret-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"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-default 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-default 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 *skyThemeIf=\"'default'\" icon=\"caret-right\" />\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"chevron-right\" />\n </button>\n </li>\n </ul>\n </nav>\n}\n", styles: [":host{display:block}.sky-paging-content-wrapper{display:none}.sky-paging-content-wrapper:not(:empty){display:block;margin-bottom:var(--sky-margin-stacked-lg)}.sky-paging-content-wrapper:focus-visible{outline:none;border:none}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:var(--sky-background-color-item-selected);border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:var(--sky-background-color-item-selected);border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\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"] }, { kind: "directive", type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { 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$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
633
633
|
}
|
|
634
634
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyPagingComponent, decorators: [{
|
|
635
635
|
type: Component,
|
|
@@ -1356,7 +1356,7 @@ class SkyRepeaterItemComponent {
|
|
|
1356
1356
|
});
|
|
1357
1357
|
}
|
|
1358
1358
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyRepeaterItemComponent, deps: [{ token: SkyRepeaterService }, { token: i0.ChangeDetectorRef }, { token: SkyRepeaterAdapterService }, { token: i0.ElementRef }, { token: i3$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1359
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyRepeaterItemComponent, isStandalone: false, selector: "sky-repeater-item", inputs: { disabled: "disabled", itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.repeaterGroupClass" } }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: ElementRef }, { propertyName: "titleComponent", first: true, predicate: SkyRepeaterItemTitleComponent, descendants: true, read: ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #itemRef\n class=\"sky-repeater-item sky-padding-even-default\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName || titleId\"\n [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n [attr.role]=\"(itemRole$ | async)?.item\"\n [attr.tabIndex]=\"tabindex\"\n [ngClass]=\"{\n 'sky-repeater-item-active': isActive,\n 'sky-repeater-item-collapsible': isCollapsible,\n 'sky-repeater-item-selected': isSelected\n }\"\n (click)=\"onRepeaterItemClick($event)\"\n>\n <div #inlineDelete>\n <ng-content select=\"sky-inline-delete\" />\n </div>\n\n @if (inlineFormTemplate) {\n <sky-inline-form\n [config]=\"inlineFormConfig\"\n [showForm]=\"showInlineForm\"\n [template]=\"inlineFormTemplate\"\n (close)=\"onInlineFormClose($event)\"\n >\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </sky-inline-form>\n } @else {\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n <div\n class=\"sky-repeater-item-left\"\n [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n >\n @if (reorderable) {\n <span\n aria-live=\"assertive\"\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n #grabHandle\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n >\n <sky-icon icon=\"arrows-v\" />\n </button>\n }\n @if (selectable) {\n <sky-checkbox\n class=\"sky-repeater-item-checkbox\"\n [checked]=\"isSelected\"\n [disabled]=\"disabled\"\n [labelHidden]=\"true\"\n [labelText]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n />\n }\n <div\n #contextMenuEl\n class=\"sky-repeater-item-context-menu\"\n [hidden]=\"contextMenuEl.children.length === 0\"\n >\n <ng-content select=\"sky-repeater-item-context-menu\" />\n </div>\n </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n <div #itemHeaderRef class=\"sky-repeater-item-right\">\n <div\n class=\"sky-repeater-item-header\"\n [attr.role]=\"(itemRole$ | async)?.title\"\n [hidden]=\"titleRef.children.length === 0\"\n (click)=\"headerClick()\"\n >\n <div\n #titleRef\n class=\"sky-repeater-item-title sky-font-emphasized\"\n [attr.id]=\"titleId\"\n >\n <ng-content select=\"sky-repeater-item-title\" />\n </div>\n @if (reorderable) {\n <button\n class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n type=\"button\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-up\" />\n {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n </button>\n }\n @if (isCollapsible) {\n <div class=\"sky-repeater-item-chevron\">\n <sky-chevron\n [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? isExpanded\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n : isExpanded\n ? ('skyux_repeater_item_expand_default' | skyLibResources)\n : ('skyux_repeater_item_collapse_default' | skyLibResources)\n \"\n [direction]=\"isExpanded ? 'up' : 'down'\"\n (directionChange)=\"chevronDirectionChange($event)\"\n />\n </div>\n } @else if (!contextMenu) {\n <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n }\n <!-- Used to ensure that the right side is the same height as the left.-->\n @if (contextMenu) {\n <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n }\n </div>\n <div\n #itemContentRef\n class=\"sky-repeater-item-content\"\n [id]=\"contentId\"\n [@.disabled]=\"animationDisabled\"\n [@skyAnimationSlide]=\"slideDirection\"\n [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <ng-content select=\"sky-repeater-item-content\" />\n </div>\n </div>\n</ng-template>\n", styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;padding:0;margin:5px 10px 5px 0}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.sky-theme-modern .sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-padding-even-md)}.sky-theme-modern .sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:calc(var(--sky-padding-even-md) - 4px)}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#fff;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible,.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible:active{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i8.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1359
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyRepeaterItemComponent, isStandalone: false, selector: "sky-repeater-item", inputs: { disabled: "disabled", itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.repeaterGroupClass" } }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: ElementRef }, { propertyName: "titleComponent", first: true, predicate: SkyRepeaterItemTitleComponent, descendants: true, read: ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #itemRef\n class=\"sky-repeater-item sky-padding-even-default\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-labelledby]=\"itemName || titleId\"\n [attr.aria-selected]=\"selectable ? !!isSelected : undefined\"\n [attr.role]=\"(itemRole$ | async)?.item\"\n [attr.tabIndex]=\"tabindex\"\n [ngClass]=\"{\n 'sky-repeater-item-active': isActive,\n 'sky-repeater-item-collapsible': isCollapsible,\n 'sky-repeater-item-selected': isSelected\n }\"\n (click)=\"onRepeaterItemClick($event)\"\n>\n <div #inlineDelete>\n <ng-content select=\"sky-inline-delete\" />\n </div>\n\n @if (inlineFormTemplate) {\n <sky-inline-form\n [config]=\"inlineFormConfig\"\n [showForm]=\"showInlineForm\"\n [template]=\"inlineFormTemplate\"\n (close)=\"onInlineFormClose($event)\"\n >\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n </sky-inline-form>\n } @else {\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\" />\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\" />\n }\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n <div\n class=\"sky-repeater-item-left\"\n [attr.role]=\"!showInlineForm ? (itemRole$ | async)?.content : undefined\"\n >\n @if (reorderable) {\n <span\n aria-live=\"assertive\"\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n #grabHandle\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n >\n <sky-icon icon=\"arrows-v\" />\n </button>\n }\n @if (selectable) {\n <sky-checkbox\n class=\"sky-repeater-item-checkbox\"\n [checked]=\"isSelected\"\n [disabled]=\"disabled\"\n [labelHidden]=\"true\"\n [labelText]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n />\n }\n <div\n #contextMenuEl\n class=\"sky-repeater-item-context-menu\"\n [hidden]=\"contextMenuEl.children.length === 0\"\n >\n <ng-content select=\"sky-repeater-item-context-menu\" />\n </div>\n </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n <div #itemHeaderRef class=\"sky-repeater-item-right\">\n <div\n class=\"sky-repeater-item-header\"\n [attr.role]=\"(itemRole$ | async)?.title\"\n [hidden]=\"titleRef.children.length === 0\"\n (click)=\"headerClick()\"\n >\n <div\n #titleRef\n class=\"sky-repeater-item-title sky-font-emphasized\"\n [attr.id]=\"titleId\"\n >\n <ng-content select=\"sky-repeater-item-title\" />\n </div>\n @if (reorderable) {\n <button\n class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n type=\"button\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-up\" />\n {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n </button>\n }\n @if (isCollapsible) {\n <div class=\"sky-repeater-item-chevron\">\n <sky-chevron\n [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? isExpanded\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_collapse' | skyLibResources: itemName)\n : isExpanded\n ? ('skyux_repeater_item_expand_default' | skyLibResources)\n : ('skyux_repeater_item_collapse_default' | skyLibResources)\n \"\n [direction]=\"isExpanded ? 'up' : 'down'\"\n (directionChange)=\"chevronDirectionChange($event)\"\n />\n </div>\n } @else if (!contextMenu) {\n <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n <div class=\"sky-repeater-item-chevron-placeholder\"></div>\n }\n <!-- Used to ensure that the right side is the same height as the left.-->\n @if (contextMenu) {\n <div class=\"sky-repeater-item-chevron-placeholder-with-context\"></div>\n }\n </div>\n <div\n #itemContentRef\n class=\"sky-repeater-item-content\"\n [id]=\"contentId\"\n [@.disabled]=\"animationDisabled\"\n [@skyAnimationSlide]=\"slideDirection\"\n [attr.role]=\"(itemRole$ | async)?.content\"\n >\n <ng-content select=\"sky-repeater-item-content\" />\n </div>\n </div>\n</ng-template>\n", styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;align-items:flex-start;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;padding:0;margin:5px 10px 5px 0}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.sky-theme-modern .sky-split-view-drawer sky-repeater-item .sky-repeater-item{padding-left:var(--sky-padding-even-md)}.sky-theme-modern .sky-split-view-drawer sky-repeater-item .sky-repeater-item.sky-repeater-item-active{padding-left:calc(var(--sky-padding-even-md) - 4px)}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#fff;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible,.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible:active{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus-visible:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "component", type: i6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i8.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1360
1360
|
}
|
|
1361
1361
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyRepeaterItemComponent, decorators: [{
|
|
1362
1362
|
type: Component,
|
|
@@ -1764,7 +1764,7 @@ class SkyRepeaterComponent {
|
|
|
1764
1764
|
SkyRepeaterService,
|
|
1765
1765
|
SkyRepeaterAdapterService,
|
|
1766
1766
|
SkyRepeaterAutoScrollService,
|
|
1767
|
-
], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n [attr.role]=\"role\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n [dragula]=\"dragulaGroupName\"\n (cdkObserveContent)=\"onCdkObserveContent()\"\n >\n <ng-content />\n </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$
|
|
1767
|
+
], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n [attr.role]=\"role\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n [dragula]=\"dragulaGroupName\"\n (cdkObserveContent)=\"onCdkObserveContent()\"\n >\n <ng-content />\n </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "directive", type: i2$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1768
1768
|
}
|
|
1769
1769
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyRepeaterComponent, decorators: [{
|
|
1770
1770
|
type: Component,
|
|
@@ -1958,7 +1958,7 @@ class SkySortComponent {
|
|
|
1958
1958
|
});
|
|
1959
1959
|
}
|
|
1960
1960
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1961
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySortComponent, isStandalone: false, selector: "sky-sort", inputs: { ariaLabel: "ariaLabel", showButtonText: "showButtonText" }, providers: [SkySortService], queries: [{ propertyName: "sortItems", predicate: SkySortItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_sort_button_label' | skyLibResources))\n \"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon icon=\"sort\" />\n @if (showButtonText) {\n <span class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n }\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading #sortMenuHeading=\"skyId\" skyId />\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n @for (item of sortItems; track item) {\n <sky-dropdown-item>\n <ng-container [ngTemplateOutlet]=\"item.itemTemplate!\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$
|
|
1961
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkySortComponent, isStandalone: false, selector: "sky-sort", inputs: { ariaLabel: "ariaLabel", showButtonText: "showButtonText" }, providers: [SkySortService], queries: [{ propertyName: "sortItems", predicate: SkySortItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources: (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_sort_button_label' | skyLibResources))\n \"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon icon=\"sort\" />\n @if (showButtonText) {\n <span class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n }\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading #sortMenuHeading=\"skyId\" skyId />\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n @for (item of sortItems; track item) {\n <sky-dropdown-item>\n <ng-container [ngTemplateOutlet]=\"item.itemTemplate!\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$3.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i2$3.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i2$3.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i2$3.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "component", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1962
1962
|
}
|
|
1963
1963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkySortComponent, decorators: [{
|
|
1964
1964
|
type: Component,
|