@skyux/lists 12.0.0-alpha.13 → 12.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-lists-testing.mjs +111 -2
- package/fesm2022/skyux-lists-testing.mjs.map +1 -1
- package/fesm2022/skyux-lists.mjs +10 -10
- package/fesm2022/skyux-lists.mjs.map +1 -1
- package/package.json +11 -11
- package/testing/modules/infinite-scroll/infinite-scroll-harness-filters.d.ts +0 -1
- package/testing/modules/infinite-scroll/infinite-scroll-harness.d.ts +0 -1
- package/testing/modules/sort/sort-harness-filters.d.ts +6 -0
- package/testing/modules/sort/sort-harness.d.ts +40 -0
- package/testing/modules/sort/sort-item-harness-filters.d.ts +10 -0
- package/testing/modules/sort/sort-item-harness.d.ts +31 -0
- package/testing/public-api.d.ts +4 -0
package/fesm2022/skyux-lists.mjs
CHANGED
|
@@ -235,11 +235,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
235
235
|
*/
|
|
236
236
|
class SkyFilterInlineComponent {
|
|
237
237
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
238
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", 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-
|
|
238
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyFilterInlineComponent, isStandalone: false, selector: "sky-filter-inline", ngImport: i0, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }); }
|
|
239
239
|
}
|
|
240
240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterInlineComponent, decorators: [{
|
|
241
241
|
type: Component,
|
|
242
|
-
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-
|
|
242
|
+
args: [{ selector: 'sky-filter-inline', standalone: false, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content />\n</div>\n", styles: [".sky-filter-inline:not(.sky-theme-modern *){--sky-override-filter-inline-background-color: #eeeeef}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-filter-inline{--sky-override-filter-inline-background-color: #eeeeef}.sky-filter-inline{background-color:var(--sky-override-filter-inline-background-color);display:flex;align-items:center}\n"] }]
|
|
243
243
|
}] });
|
|
244
244
|
|
|
245
245
|
/**
|
|
@@ -277,11 +277,11 @@ class SkyFilterSummaryItemComponent {
|
|
|
277
277
|
this.itemClick.emit();
|
|
278
278
|
}
|
|
279
279
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
280
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyFilterSummaryItemComponent, isStandalone: false, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, hostDirectives: [{ directive: i1$1.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-
|
|
280
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyFilterSummaryItemComponent, isStandalone: false, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, hostDirectives: [{ directive: i1$1.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-base)) .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.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
281
281
|
}
|
|
282
282
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterSummaryItemComponent, decorators: [{
|
|
283
283
|
type: Component,
|
|
284
|
-
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-
|
|
284
|
+
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-base)) .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"] }]
|
|
285
285
|
}], propDecorators: { dismissible: [{
|
|
286
286
|
type: Input
|
|
287
287
|
}], dismiss: [{
|
|
@@ -295,11 +295,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
295
295
|
*/
|
|
296
296
|
class SkyFilterSummaryComponent {
|
|
297
297
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
298
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", 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-
|
|
298
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", 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-base)) .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.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
299
299
|
}
|
|
300
300
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyFilterSummaryComponent, decorators: [{
|
|
301
301
|
type: Component,
|
|
302
|
-
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-
|
|
302
|
+
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-base)) .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"] }]
|
|
303
303
|
}] });
|
|
304
304
|
|
|
305
305
|
class SkyFilterModule {
|
|
@@ -1969,11 +1969,11 @@ class SkySortItemComponent {
|
|
|
1969
1969
|
}
|
|
1970
1970
|
}
|
|
1971
1971
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1972
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkySortItemComponent, isStandalone: false, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-
|
|
1972
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkySortItemComponent, isStandalone: false, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-width-border-selected: var(--modern-size-3);--sky-override-sort-item-color-selected: transparent}.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-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1973
1973
|
}
|
|
1974
1974
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
1975
1975
|
type: Component,
|
|
1976
|
-
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-
|
|
1976
|
+
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #itemTemplate>\n <div\n class=\"sky-sort-item\"\n role=\"menuitemradio\"\n [attr.aria-checked]=\"isSelected | async\"\n [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n >\n <button type=\"button\" (click)=\"itemClicked()\">\n <ng-content />\n </button>\n </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-width-border-selected: var(--modern-size-3);--sky-override-sort-item-color-selected: transparent}.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-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-space-inset-pillarbox-1_2-left-m) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
|
|
1977
1977
|
}], ctorParameters: () => [{ type: SkySortService }, { type: i0.ChangeDetectorRef }], propDecorators: { active: [{
|
|
1978
1978
|
type: Input
|
|
1979
1979
|
}], itemSelect: [{
|
|
@@ -1985,11 +1985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
1985
1985
|
|
|
1986
1986
|
class SkySortMenuHeadingComponent {
|
|
1987
1987
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkySortMenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1988
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkySortMenuHeadingComponent, isStandalone: false, 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-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-
|
|
1988
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkySortMenuHeadingComponent, isStandalone: false, 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-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .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$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
1989
1989
|
}
|
|
1990
1990
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkySortMenuHeadingComponent, decorators: [{
|
|
1991
1991
|
type: Component,
|
|
1992
|
-
args: [{ selector: 'sky-sort-menu-heading', standalone: false, 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-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-
|
|
1992
|
+
args: [{ selector: 'sky-sort-menu-heading', standalone: false, 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-margin: 4px;--sky-override-sort-heading-padding: 3px 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .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"] }]
|
|
1993
1993
|
}] });
|
|
1994
1994
|
|
|
1995
1995
|
class SkySortComponent {
|