@skyux/lists 11.14.0 → 11.15.0
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.
|
@@ -53,11 +53,11 @@ export class SkySortItemComponent {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortItemComponent, deps: [{ token: i1.SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px;--sky-override-sort-item-margin: 4px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-sort-item{--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button
|
|
60
|
+
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px;--sky-override-sort-item-margin: 4px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-sort-item{--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
|
|
61
61
|
}], ctorParameters: () => [{ type: i1.SkySortService }, { type: i0.ChangeDetectorRef }], propDecorators: { active: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}], itemSelect: [{
|
|
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
66
66
|
type: ViewChild,
|
|
67
67
|
args: [(TemplateRef)]
|
|
68
68
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvc29ydC9zb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xpc3RzL3NyYy9saWIvbW9kdWxlcy9zb3J0L3NvcnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sRUFFTixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFnQixNQUFNLE1BQU0sQ0FBQzs7OztBQUlyRCxNQUFNLG1CQUFtQixHQUFHLGdCQUFnQixDQUFDO0FBRTdDLElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBU3pCLE1BQU0sT0FBTyxvQkFBb0I7SUFvQi9CLGFBQWEsQ0FBMkI7SUFFeEMsV0FBVyxDQUFxQjtJQUVoQyxZQUFZLENBQWlCO0lBQzdCLFNBQVMsQ0FBb0I7SUFFN0IsWUFBWSxXQUEyQixFQUFFLFFBQTJCO1FBcEJwRTs7V0FFRztRQUVJLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsNkRBQTZEO1FBRW5HLGVBQVUsR0FBNkIsSUFBSSxlQUFlLENBQy9ELEtBQUssQ0FDTixDQUFDO1FBYUEsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQztJQUVNLFFBQVE7UUFDYixnQkFBZ0IsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsbUJBQW1CLEdBQUcsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQzNELENBQUMsTUFBYyxFQUFFLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUNsRCxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ2pDLENBQUMsQ0FDRixDQUFDO1FBRUYsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pELENBQUM7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQ0UsSUFBSSxDQUFDLFdBQVc7WUFDaEIsT0FBTztZQUNQLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFDakIsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLFlBQVk7WUFDOUIsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsYUFBYSxFQUNsRSxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pELENBQUM7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDL0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixDQUFDO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsMEJBQTBCO1FBQzFCLGtCQUFrQjtRQUNsQixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDOzhHQXhFVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix3S0FpQnBCLENBQUEsV0FBZ0IsQ0FBQSxxRUNoRDdCLGtWQVlBOzsyRkRtQmEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTttSEFPOUIsTUFBTTtzQkFEWixLQUFLO2dCQU9DLFVBQVU7c0JBRGhCLE1BQU07Z0JBUUEsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxDQUFBLFdBQWdCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNreVNvcnRTZXJ2aWNlIH0gZnJvbSAnLi9zb3J0LnNlcnZpY2UnO1xuXG5jb25zdCBTT1JUX0lURU1fSURfUFJFRklYID0gJ3NreS1zb3J0LWl0ZW0tJztcblxubGV0IHNvcnRJdGVtSWROdW1iZXIgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc29ydC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NvcnQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NvcnQtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5U29ydEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHNvcnRpbmcgb3B0aW9uIGlzIGFjdGl2ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gYSBzb3J0IGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGl0ZW1TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTsgLy8gVE9ETzogQ2hhbmdlIHRvIGBFdmVudEVtaXR0ZXI8dm9pZD5gIGluIGEgYnJlYWtpbmcgY2hhbmdlLlxuXG4gIHB1YmxpYyBpc1NlbGVjdGVkOiBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KFxuICAgIGZhbHNlLFxuICApO1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWY8YW55PilcbiAgcHVibGljIGl0ZW1UZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsO1xuXG4gICNzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbiB8IHVuZGVmaW5lZDtcblxuICAjc29ydEl0ZW1JZDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICNzb3J0U2VydmljZTogU2t5U29ydFNlcnZpY2U7XG4gICNkZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWY7XG5cbiAgY29uc3RydWN0b3Ioc29ydFNlcnZpY2U6IFNreVNvcnRTZXJ2aWNlLCBkZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLiNzb3J0U2VydmljZSA9IHNvcnRTZXJ2aWNlO1xuICAgIHRoaXMuI2RldGVjdG9yID0gZGV0ZWN0b3I7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc29ydEl0ZW1JZE51bWJlcisrO1xuICAgIHRoaXMuI3NvcnRJdGVtSWQgPSBTT1JUX0lURU1fSURfUFJFRklYICsgc29ydEl0ZW1JZE51bWJlci50b1N0cmluZygpO1xuICAgIHRoaXMuI3N1YnNjcmlwdGlvbiA9IHRoaXMuI3NvcnRTZXJ2aWNlLnNlbGVjdGVkSXRlbS5zdWJzY3JpYmUoXG4gICAgICAoaXRlbUlkOiBzdHJpbmcpID0+IHtcbiAgICAgICAgdGhpcy5pc1NlbGVjdGVkLm5leHQoaXRlbUlkID09PSB0aGlzLiNzb3J0SXRlbUlkKTtcbiAgICAgICAgdGhpcy4jZGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSxcbiAgICApO1xuXG4gICAgaWYgKHRoaXMuYWN0aXZlKSB7XG4gICAgICB0aGlzLiNzb3J0U2VydmljZS5zZWxlY3RJdGVtKHRoaXMuI3NvcnRJdGVtSWQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgdGhpcy4jc29ydEl0ZW1JZCAmJlxuICAgICAgY2hhbmdlcyAmJlxuICAgICAgY2hhbmdlc1snYWN0aXZlJ10gJiZcbiAgICAgIGNoYW5nZXNbJ2FjdGl2ZSddLmN1cnJlbnRWYWx1ZSAmJlxuICAgICAgY2hhbmdlc1snYWN0aXZlJ10uY3VycmVudFZhbHVlICE9PSBjaGFuZ2VzWydhY3RpdmUnXS5wcmV2aW91c1ZhbHVlXG4gICAgKSB7XG4gICAgICB0aGlzLiNzb3J0U2VydmljZS5zZWxlY3RJdGVtKHRoaXMuI3NvcnRJdGVtSWQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBpdGVtQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jc29ydEl0ZW1JZCkge1xuICAgICAgdGhpcy4jc29ydFNlcnZpY2Uuc2VsZWN0SXRlbSh0aGlzLiNzb3J0SXRlbUlkKTtcbiAgICAgIHRoaXMuaXRlbVNlbGVjdC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgLyogc2FuaXR5IGNoZWNrICovXG4gICAgaWYgKHRoaXMuI3N1YnNjcmlwdGlvbikge1xuICAgICAgdGhpcy4jc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI2l0ZW1UZW1wbGF0ZT5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LXNvcnQtaXRlbVwiXG4gICAgcm9sZT1cIm1lbnVpdGVtcmFkaW9cIlxuICAgIFthdHRyLmFyaWEtY2hlY2tlZF09XCJpc1NlbGVjdGVkIHwgYXN5bmNcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NreS1zb3J0LWl0ZW0tc2VsZWN0ZWQnOiAoaXNTZWxlY3RlZCB8IGFzeW5jKSB9XCJcbiAgPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJpdGVtQ2xpY2tlZCgpXCI+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -4,10 +4,10 @@ import * as i1 from "@skyux/theme";
|
|
|
4
4
|
import * as i2 from "@skyux/i18n";
|
|
5
5
|
export class SkySortMenuHeadingComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortMenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-padding: 3px 20px;--sky-override-sort-heading-margin: 4px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-sort-menu-heading{--sky-override-sort-heading-padding: 10px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortMenuHeadingComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'sky-sort-menu-heading', template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{
|
|
11
|
+
args: [{ selector: 'sky-sort-menu-heading', template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-padding: 3px 20px;--sky-override-sort-heading-margin: 4px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-sort-menu-heading{--sky-override-sort-heading-padding: 10px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1tZW51LWhlYWRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xpc3RzL3NyYy9saWIvbW9kdWxlcy9zb3J0L3NvcnQtbWVudS1oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvc29ydC9zb3J0LW1lbnUtaGVhZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTywyQkFBMkI7OEdBQTNCLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDZEQ1B4Qyx1TkFTQTs7MkZERmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc29ydC1tZW51LWhlYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vc29ydC1tZW51LWhlYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zb3J0LW1lbnUtaGVhZGluZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lTb3J0TWVudUhlYWRpbmdDb21wb25lbnQge31cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktc29ydC1tZW51LWhlYWRpbmdcIlxuICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgJ3NreS1zdWJzZWN0aW9uLWhlYWRpbmcnOiAnZGVmYXVsdCcsXG4gICAgJ3NreS1mb250LWhlYWRpbmctNCc6ICdtb2Rlcm4nXG4gIH1cIlxuPlxuICB7eyAnc2t5dXhfc29ydF9tZW51X2hlYWRpbmcnIHwgc2t5TGliUmVzb3VyY2VzIH19XG48L2Rpdj5cbiJdfQ==
|
package/fesm2022/skyux-lists.mjs
CHANGED
|
@@ -1936,11 +1936,11 @@ class SkySortItemComponent {
|
|
|
1936
1936
|
}
|
|
1937
1937
|
}
|
|
1938
1938
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1939
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button
|
|
1939
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px;--sky-override-sort-item-margin: 4px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-sort-item{--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1940
1940
|
}
|
|
1941
1941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
1942
1942
|
type: Component,
|
|
1943
|
-
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button
|
|
1943
|
+
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px;--sky-override-sort-item-margin: 4px}.sky-theme-modern:not(.sky-theme-brand-blackbaud) .sky-sort-item{--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-action-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
|
|
1944
1944
|
}], ctorParameters: () => [{ type: SkySortService }, { type: i0.ChangeDetectorRef }], propDecorators: { active: [{
|
|
1945
1945
|
type: Input
|
|
1946
1946
|
}], itemSelect: [{
|
|
@@ -1952,11 +1952,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1952
1952
|
|
|
1953
1953
|
class SkySortMenuHeadingComponent {
|
|
1954
1954
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortMenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1955
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{
|
|
1955
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0, template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-padding: 3px 20px;--sky-override-sort-heading-margin: 4px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-sort-menu-heading{--sky-override-sort-heading-padding: 10px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"], dependencies: [{ kind: "directive", type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
1956
1956
|
}
|
|
1957
1957
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkySortMenuHeadingComponent, decorators: [{
|
|
1958
1958
|
type: Component,
|
|
1959
|
-
args: [{ selector: 'sky-sort-menu-heading', template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{
|
|
1959
|
+
args: [{ selector: 'sky-sort-menu-heading', template: "<div\n class=\"sky-sort-menu-heading\"\n [skyThemeClass]=\"{\n 'sky-subsection-heading': 'default',\n 'sky-font-heading-4': 'modern'\n }\"\n>\n {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading:not(.sky-theme-modern *){--sky-override-sort-heading-color: var(--sky-text-color-deemphasized);--sky-override-sort-heading-padding: 3px 20px;--sky-override-sort-heading-margin: 4px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-sort-menu-heading{--sky-override-sort-heading-padding: 10px 20px}.sky-sort-menu-heading{color:var(--sky-override-sort-heading-color, var(--sky-color-text-default));padding:var(--sky-override-sort-heading-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));margin:var(--sky-override-sort-heading-margin, 0);width:100%}\n"] }]
|
|
1960
1960
|
}] });
|
|
1961
1961
|
|
|
1962
1962
|
class SkySortComponent {
|