@skyux/lists 9.3.0 → 9.4.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.
- package/documentation.json +974 -912
- package/esm2022/lib/modules/filter/filter-button.component.mjs +8 -4
- package/esm2022/lib/modules/filter/filter-inline-item.component.mjs +3 -3
- package/esm2022/lib/modules/filter/filter-inline.component.mjs +3 -3
- package/esm2022/lib/modules/filter/filter-summary-item.component.mjs +3 -3
- package/esm2022/lib/modules/filter/filter-summary.component.mjs +3 -3
- package/esm2022/lib/modules/paging/paging.component.mjs +3 -3
- package/esm2022/lib/modules/repeater/repeater-item-content.component.mjs +3 -3
- package/esm2022/lib/modules/repeater/repeater-item-context-menu.component.mjs +3 -3
- package/esm2022/lib/modules/repeater/repeater-item-title.component.mjs +3 -3
- package/esm2022/lib/modules/repeater/repeater-item.component.mjs +3 -3
- package/esm2022/lib/modules/repeater/repeater.component.mjs +3 -3
- package/esm2022/lib/modules/shared/sky-lists-resources.module.mjs +3 -1
- package/esm2022/lib/modules/sort/sort-item.component.mjs +3 -3
- package/esm2022/lib/modules/sort/sort.component.mjs +9 -5
- package/fesm2022/skyux-lists.mjs +38 -30
- package/fesm2022/skyux-lists.mjs.map +1 -1
- package/lib/modules/filter/filter-button.component.d.ts +5 -1
- package/lib/modules/sort/sort.component.d.ts +7 -2
- package/package.json +10 -10
|
@@ -10,6 +10,7 @@ import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, SkyLibResourcesService, get
|
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
const RESOURCES = {
|
|
12
12
|
'EN-US': {
|
|
13
|
+
skyux_filter_aria_label_descriptor: { message: 'Filter {0}' },
|
|
13
14
|
skyux_filter_button_title: { message: 'Filter' },
|
|
14
15
|
skyux_filter_summary_close: { message: 'Remove filter' },
|
|
15
16
|
skyux_filter_summary_header: { message: 'Filter' },
|
|
@@ -45,6 +46,7 @@ const RESOURCES = {
|
|
|
45
46
|
skyux_repeater_item_reorder_top: { message: 'Top' },
|
|
46
47
|
skyux_repeater_item_reorder_top_label: { message: 'Move {0} to top' },
|
|
47
48
|
skyux_repeater_item_reorder_top_label_default: { message: 'Move to top' },
|
|
49
|
+
skyux_sort_aria_label_descriptor: { message: 'Sort {0}' },
|
|
48
50
|
skyux_sort_button_label: { message: 'Sort' },
|
|
49
51
|
skyux_sort_menu_heading: { message: 'Sort by' },
|
|
50
52
|
},
|
|
@@ -82,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
82
84
|
],
|
|
83
85
|
}]
|
|
84
86
|
}] });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWxpc3RzLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktbGlzdHMtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwwQkFBMEI7QUFFMUI7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCwyQkFBMkIsRUFFM0IsYUFBYSxFQUdiLHNCQUFzQixFQUN0QixxQkFBcUIsR0FDdEIsTUFBTSxhQUFhLENBQUM7O0FBRXJCLE1BQU0sU0FBUyxHQUEwQztJQUN2RCxPQUFPLEVBQUU7UUFDUCxrQ0FBa0MsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7UUFDN0QseUJBQXlCLEVBQUUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFO1FBQ2hELDBCQUEwQixFQUFFLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRTtRQUN4RCwyQkFBMkIsRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUU7UUFDbEQsc0NBQXNDLEVBQUUsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFO1FBQ2hFLGtCQUFrQixFQUFFLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRTtRQUM3QyxpQkFBaUIsRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDdEMsaUNBQWlDLEVBQUUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFO1FBQzFELHFCQUFxQixFQUFFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRTtRQUM5QyxvQkFBb0IsRUFBRSxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUU7UUFDbEQsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFO1FBQ3pELG9DQUFvQyxFQUFFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRTtRQUM3RCwwQkFBMEIsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7UUFDckQsa0NBQWtDLEVBQUUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFO1FBQ3pELGtDQUFrQyxFQUFFLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRTtRQUM3RCwwQ0FBMEMsRUFBRSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7UUFDckUsa0NBQWtDLEVBQUU7WUFDbEMsT0FBTyxFQUNMLCtFQUErRTtTQUNsRjtRQUNELGtDQUFrQyxFQUFFO1lBQ2xDLE9BQU8sRUFBRSw4QkFBOEI7U0FDeEM7UUFDRCx3Q0FBd0MsRUFBRTtZQUN4QyxPQUFPLEVBQ0wsaUpBQWlKO1NBQ3BKO1FBQ0QsaUNBQWlDLEVBQUU7WUFDakMsT0FBTyxFQUFFLDRCQUE0QjtTQUN0QztRQUNELHlDQUF5QyxFQUFFLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRTtRQUNqRSxpQ0FBaUMsRUFBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUU7UUFDN0QscUNBQXFDLEVBQUU7WUFDckMsT0FBTyxFQUFFLDZDQUE2QztTQUN2RDtRQUNELCtCQUErQixFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRTtRQUNuRCxxQ0FBcUMsRUFBRSxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRTtRQUNyRSw2Q0FBNkMsRUFBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUU7UUFDekUsZ0NBQWdDLEVBQUUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFO1FBQ3pELHVCQUF1QixFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRTtRQUM1Qyx1QkFBdUIsRUFBRSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUU7S0FDaEQ7Q0FDRixDQUFDO0FBRUYsc0JBQXNCLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBRS9DLE1BQU0sT0FBTyx5QkFBeUI7SUFDN0IsU0FBUyxDQUNkLFVBQTRCLEVBQzVCLElBQVk7UUFFWixPQUFPLHFCQUFxQixDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ25FLENBQUM7Q0FDRjtBQUVEOztHQUVHO0FBV0gsTUFBTSxPQUFPLHVCQUF1Qjs4R0FBdkIsdUJBQXVCOytHQUF2Qix1QkFBdUIsWUFUeEIsYUFBYTsrR0FTWix1QkFBdUIsYUFSdkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsMkJBQTJCO2dCQUNwQyxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsWUFQUyxhQUFhOzsyRkFTWix1QkFBdUI7a0JBVm5DLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDJCQUEyQjs0QkFDcEMsUUFBUSxFQUFFLHlCQUF5Qjs0QkFDbkMsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBpc3RhbmJ1bCBpZ25vcmUgZmlsZSAqL1xuXG4vKipcbiAqIE5PVElDRTogRE8gTk9UIE1PRElGWSBUSElTIEZJTEUhXG4gKiBUaGUgY29udGVudHMgb2YgdGhpcyBmaWxlIHdlcmUgYXV0b21hdGljYWxseSBnZW5lcmF0ZWQgYnlcbiAqIHRoZSAnbmcgZ2VuZXJhdGUgQHNreXV4L2kxOG46bGliLXJlc291cmNlcy1tb2R1bGUgbGliL21vZHVsZXMvc2hhcmVkL3NreS1saXN0cycgc2NoZW1hdGljLlxuICogVG8gdXBkYXRlIHRoaXMgZmlsZSwgc2ltcGx5IHJlcnVuIHRoZSBjb21tYW5kLlxuICovXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICBTa3lBcHBMb2NhbGVJbmZvLFxuICBTa3lJMThuTW9kdWxlLFxuICBTa3lMaWJSZXNvdXJjZXMsXG4gIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyLFxuICBTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlLFxuICBnZXRMaWJTdHJpbmdGb3JMb2NhbGUsXG59IGZyb20gJ0Bza3l1eC9pMThuJztcblxuY29uc3QgUkVTT1VSQ0VTOiB7IFtsb2NhbGU6IHN0cmluZ106IFNreUxpYlJlc291cmNlcyB9ID0ge1xuICAnRU4tVVMnOiB7XG4gICAgc2t5dXhfZmlsdGVyX2FyaWFfbGFiZWxfZGVzY3JpcHRvcjogeyBtZXNzYWdlOiAnRmlsdGVyIHswfScgfSxcbiAgICBza3l1eF9maWx0ZXJfYnV0dG9uX3RpdGxlOiB7IG1lc3NhZ2U6ICdGaWx0ZXInIH0sXG4gICAgc2t5dXhfZmlsdGVyX3N1bW1hcnlfY2xvc2U6IHsgbWVzc2FnZTogJ1JlbW92ZSBmaWx0ZXInIH0sXG4gICAgc2t5dXhfZmlsdGVyX3N1bW1hcnlfaGVhZGVyOiB7IG1lc3NhZ2U6ICdGaWx0ZXInIH0sXG4gICAgc2t5dXhfaW5maW5pdGVfc2Nyb2xsX2xvYWRfbW9yZV9idXR0b246IHsgbWVzc2FnZTogJ0xvYWQgbW9yZScgfSxcbiAgICBza3l1eF9wYWdpbmdfbGFiZWw6IHsgbWVzc2FnZTogJ1BhZ2luYXRpb24nIH0sXG4gICAgc2t5dXhfcGFnaW5nX25leHQ6IHsgbWVzc2FnZTogJ05leHQnIH0sXG4gICAgc2t5dXhfcGFnaW5nX3BhZ2VfbGlua19hcmlhX2xhYmVsOiB7IG1lc3NhZ2U6ICdQYWdlIHswfScgfSxcbiAgICBza3l1eF9wYWdpbmdfcHJldmlvdXM6IHsgbWVzc2FnZTogJ1ByZXZpb3VzJyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2xhYmVsOiB7IG1lc3NhZ2U6ICdMaXN0IG9mIGl0ZW1zJyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fY29sbGFwc2U6IHsgbWVzc2FnZTogJ0NvbGxhcHNlIHswfScgfSxcbiAgICBza3l1eF9yZXBlYXRlcl9pdGVtX2NvbGxhcHNlX2RlZmF1bHQ6IHsgbWVzc2FnZTogJ0NvbGxhcHNlJyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fZXhwYW5kOiB7IG1lc3NhZ2U6ICdFeHBhbmQgezB9JyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fZXhwYW5kX2RlZmF1bHQ6IHsgbWVzc2FnZTogJ0V4cGFuZCcgfSxcbiAgICBza3l1eF9yZXBlYXRlcl9pdGVtX2NoZWNrYm94X2xhYmVsOiB7IG1lc3NhZ2U6ICdTZWxlY3QgezB9JyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fY2hlY2tib3hfbGFiZWxfZGVmYXVsdDogeyBtZXNzYWdlOiAnU2VsZWN0IHJvdycgfSxcbiAgICBza3l1eF9yZXBlYXRlcl9pdGVtX3Jlb3JkZXJfY2FuY2VsOiB7XG4gICAgICBtZXNzYWdlOlxuICAgICAgICAnSXRlbSByZW9yZGVyaW5nIHdhcyBjYW5jZWxlZC4gVGhlIGl0ZW0gd2FzIHJldHVybmVkIHRvIGl0cyBvcmlnaW5hbCBwb3NpdGlvbi4nLFxuICAgIH0sXG4gICAgc2t5dXhfcmVwZWF0ZXJfaXRlbV9yZW9yZGVyX2ZpbmlzaDoge1xuICAgICAgbWVzc2FnZTogJ0Ryb3BwZWQgdGhlIGl0ZW0gaW4gcG9zaXRpb24nLFxuICAgIH0sXG4gICAgc2t5dXhfcmVwZWF0ZXJfaXRlbV9yZW9yZGVyX2luc3RydWN0aW9uczoge1xuICAgICAgbWVzc2FnZTpcbiAgICAgICAgJ0l0ZW0gZ3JhYmJlZC4gUHJlc3MgdGhlIHVwIGFuZCBkb3duIGFycm93IGtleXMgdG8gY2hhbmdlIHBvc2l0aW9uLiBQcmVzcyB0aGUgc3BhY2ViYXIgb3IgZW50ZXIga2V5IHRvIGRyb3AuIEFuZCBwcmVzcyB0aGUgZXNjYXBlIGtleSB0byBjYW5jZWwuJyxcbiAgICB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fcmVvcmRlcl9tb3ZlZDoge1xuICAgICAgbWVzc2FnZTogJ01vdmVkIHRoZSBpdGVtIHRvIHBvc2l0aW9uJyxcbiAgICB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fcmVvcmRlcl9sYWJlbF9kZWZhdWx0OiB7IG1lc3NhZ2U6ICdSZW9yZGVyJyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fcmVvcmRlcl9sYWJlbDogeyBtZXNzYWdlOiAnUmVvcmRlciB7MH0nIH0sXG4gICAgc2t5dXhfcmVwZWF0ZXJfaXRlbV9yZW9yZGVyX29wZXJhdGlvbjoge1xuICAgICAgbWVzc2FnZTogJ1ByZXNzIHRoZSBzcGFjZWJhciBvciBlbnRlciBrZXkgdG8gcmVvcmRlci4nLFxuICAgIH0sXG4gICAgc2t5dXhfcmVwZWF0ZXJfaXRlbV9yZW9yZGVyX3RvcDogeyBtZXNzYWdlOiAnVG9wJyB9LFxuICAgIHNreXV4X3JlcGVhdGVyX2l0ZW1fcmVvcmRlcl90b3BfbGFiZWw6IHsgbWVzc2FnZTogJ01vdmUgezB9IHRvIHRvcCcgfSxcbiAgICBza3l1eF9yZXBlYXRlcl9pdGVtX3Jlb3JkZXJfdG9wX2xhYmVsX2RlZmF1bHQ6IHsgbWVzc2FnZTogJ01vdmUgdG8gdG9wJyB9LFxuICAgIHNreXV4X3NvcnRfYXJpYV9sYWJlbF9kZXNjcmlwdG9yOiB7IG1lc3NhZ2U6ICdTb3J0IHswfScgfSxcbiAgICBza3l1eF9zb3J0X2J1dHRvbl9sYWJlbDogeyBtZXNzYWdlOiAnU29ydCcgfSxcbiAgICBza3l1eF9zb3J0X21lbnVfaGVhZGluZzogeyBtZXNzYWdlOiAnU29ydCBieScgfSxcbiAgfSxcbn07XG5cblNreUxpYlJlc291cmNlc1NlcnZpY2UuYWRkUmVzb3VyY2VzKFJFU09VUkNFUyk7XG5cbmV4cG9ydCBjbGFzcyBTa3lMaXN0c1Jlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwdWJsaWMgZ2V0U3RyaW5nKFxuICAgIGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sXG4gICAgbmFtZTogc3RyaW5nXG4gICk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldExpYlN0cmluZ0ZvckxvY2FsZShSRVNPVVJDRVMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuXG4vKipcbiAqIEltcG9ydCBpbnRvIGFueSBjb21wb25lbnQgbGlicmFyeSBtb2R1bGUgdGhhdCBuZWVkcyB0byB1c2UgcmVzb3VyY2Ugc3RyaW5ncy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1NreUkxOG5Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gICAgICB1c2VDbGFzczogU2t5TGlzdHNSZXNvdXJjZXNQcm92aWRlcixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUxpc3RzUmVzb3VyY2VzTW9kdWxlIHt9XG4iXX0=
|
|
@@ -53,14 +53,14 @@ export class SkySortItemComponent {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", 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: "16.2.5", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0, template: "<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\n type=\"button\"\n [ngClass]=\"{ 'sky-font-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0, template: "<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\n type=\"button\"\n [ngClass]=\"{ 'sky-font-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content />\n </button>\n</div>\n", styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active a,.sky-sort-item.sky-dropdown-item-active button,.sky-sort-item:hover a,.sky-sort-item:hover button{background-color:var(--sky-background-color-neutral-light)}.sky-sort-item button[disabled],.sky-sort-item a[disabled]{cursor:default}.sky-sort-item button[disabled]:hover,.sky-sort-item a[disabled]:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:var(--sky-text-color-default);cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:var(--sky-text-color-deemphasized)}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0;border:none;color:var(--sky-text-color-deemphasized);font-weight:400;transition:box-shadow .15s;border-radius:6px;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible){background-color:transparent;border-bottom:solid 1px var(--sky-highlight-color-info);color:var(--sky-text-color-default);padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible{background-color:transparent;color:var(--sky-text-color-default);outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible:not(:active){color:var(--sky-text-color-default);outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{color:var(--sky-text-color-default);padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item.sky-btn-tab-disabled{background-color:transparent;font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:400;font-size:15px;font-style:italic}:host-context(.sky-theme-modern) .sky-sort-item.sky-btn-tab-disabled .sky-btn-tab-close{font-size:16px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px var(--sky-background-color-primary-dark);outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:var(--sky-text-color-default);border-bottom:none;border-radius:0 6px 6px 0;border-left:solid 3px var(--sky-background-color-primary-dark);padding-bottom:10px;padding-left:17px;background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0;border:none;color:var(--sky-text-color-deemphasized);font-weight:400;transition:box-shadow .15s;border-radius:6px;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible){background-color:transparent;border-bottom:solid 1px var(--sky-highlight-color-info);color:var(--sky-text-color-default);padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus-visible{background-color:transparent;color:var(--sky-text-color-default);outline:none}.sky-theme-modern .sky-sort-item:focus-visible:not(:active){color:var(--sky-text-color-default);outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{color:var(--sky-text-color-default);padding-bottom:7px}.sky-theme-modern .sky-sort-item.sky-btn-tab-disabled{background-color:transparent;font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:400;font-size:15px;font-style:italic}.sky-theme-modern .sky-sort-item.sky-btn-tab-disabled .sky-btn-tab-close{font-size:16px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px var(--sky-background-color-primary-dark);outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus-visible:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:var(--sky-text-color-default);border-bottom:none;border-radius:0 6px 6px 0;border-left:solid 3px var(--sky-background-color-primary-dark);padding-bottom:10px;padding-left:17px;background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkySortItemComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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\n type=\"button\"\n [ngClass]=\"{ 'sky-font-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content
|
|
60
|
+
args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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\n type=\"button\"\n [ngClass]=\"{ 'sky-font-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content />\n </button>\n</div>\n", styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active a,.sky-sort-item.sky-dropdown-item-active button,.sky-sort-item:hover a,.sky-sort-item:hover button{background-color:var(--sky-background-color-neutral-light)}.sky-sort-item button[disabled],.sky-sort-item a[disabled]{cursor:default}.sky-sort-item button[disabled]:hover,.sky-sort-item a[disabled]:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:var(--sky-text-color-default);cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:var(--sky-text-color-deemphasized)}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0;border:none;color:var(--sky-text-color-deemphasized);font-weight:400;transition:box-shadow .15s;border-radius:6px;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible){background-color:transparent;border-bottom:solid 1px var(--sky-highlight-color-info);color:var(--sky-text-color-default);padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible{background-color:transparent;color:var(--sky-text-color-default);outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible:not(:active){color:var(--sky-text-color-default);outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{color:var(--sky-text-color-default);padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item.sky-btn-tab-disabled{background-color:transparent;font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:400;font-size:15px;font-style:italic}:host-context(.sky-theme-modern) .sky-sort-item.sky-btn-tab-disabled .sky-btn-tab-close{font-size:16px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px var(--sky-background-color-primary-dark);outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus-visible:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:var(--sky-text-color-default);border-bottom:none;border-radius:0 6px 6px 0;border-left:solid 3px var(--sky-background-color-primary-dark);padding-bottom:10px;padding-left:17px;background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0;border:none;color:var(--sky-text-color-deemphasized);font-weight:400;transition:box-shadow .15s;border-radius:6px;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible){background-color:transparent;border-bottom:solid 1px var(--sky-highlight-color-info);color:var(--sky-text-color-default);padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus-visible{background-color:transparent;color:var(--sky-text-color-default);outline:none}.sky-theme-modern .sky-sort-item:focus-visible:not(:active){color:var(--sky-text-color-default);outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{color:var(--sky-text-color-default);padding-bottom:7px}.sky-theme-modern .sky-sort-item.sky-btn-tab-disabled{background-color:transparent;font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:400;font-size:15px;font-style:italic}.sky-theme-modern .sky-sort-item.sky-btn-tab-disabled .sky-btn-tab-close{font-size:16px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px var(--sky-background-color-primary-dark);outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus-visible:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px var(--sky-background-color-primary-dark);outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:var(--sky-text-color-default);border-bottom:none;border-radius:0 6px 6px 0;border-left:solid 3px var(--sky-background-color-primary-dark);padding-bottom:10px;padding-left:17px;background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"] }]
|
|
61
61
|
}], ctorParameters: function () { return [{ type: i1.SkySortService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { active: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}], itemSelect: [{
|
|
64
64
|
type: Output
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0cy9zcmMvbGliL21vZHVsZXMvc29ydC9zb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xpc3RzL3NyYy9saWIvbW9kdWxlcy9zb3J0L3NvcnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFnQixNQUFNLE1BQU0sQ0FBQzs7OztBQUlyRCxNQUFNLG1CQUFtQixHQUFHLGdCQUFnQixDQUFDO0FBRTdDLElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBUXpCLE1BQU0sT0FBTyxvQkFBb0I7SUFpQi9CLGFBQWEsQ0FBMkI7SUFFeEMsV0FBVyxDQUFxQjtJQUVoQyxZQUFZLENBQWlCO0lBQzdCLFNBQVMsQ0FBb0I7SUFFN0IsWUFBWSxXQUEyQixFQUFFLFFBQTJCO1FBakJwRTs7V0FFRztRQUVJLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQyxDQUFDLDZEQUE2RDtRQUVqSCxlQUFVLEdBQTZCLElBQUksZUFBZSxDQUMvRCxLQUFLLENBQ04sQ0FBQztRQVVBLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFTSxRQUFRO1FBQ2IsZ0JBQWdCLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLG1CQUFtQixHQUFHLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUMzRCxDQUFDLE1BQWMsRUFBRSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDbEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNqQyxDQUFDLENBQ0YsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNoRDtJQUNILENBQUM7SUFFTSxXQUFXLENBQUMsT0FBc0I7UUFDdkMsSUFDRSxJQUFJLENBQUMsV0FBVztZQUNoQixPQUFPO1lBQ1AsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUNqQixPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsWUFBWTtZQUM5QixPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsWUFBWSxLQUFLLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxhQUFhLEVBQ2xFO1lBQ0EsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2hEO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsMEJBQTBCO1FBQzFCLGtCQUFrQjtRQUNsQixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNsQztJQUNILENBQUM7OEdBckVVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLCtJQzNCakMsa1dBY0E7OzJGRGFhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07cUlBT3hDLE1BQU07c0JBRFosS0FBSztnQkFPQyxVQUFVO3NCQURoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNreVNvcnRTZXJ2aWNlIH0gZnJvbSAnLi9zb3J0LnNlcnZpY2UnO1xuXG5jb25zdCBTT1JUX0lURU1fSURfUFJFRklYID0gJ3NreS1zb3J0LWl0ZW0tJztcblxubGV0IHNvcnRJdGVtSWROdW1iZXIgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc29ydC1pdGVtJyxcbiAgc3R5bGVVcmxzOiBbJy4vc29ydC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5U29ydEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHNvcnRpbmcgb3B0aW9uIGlzIGFjdGl2ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gYSBzb3J0IGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGl0ZW1TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpOyAvLyBUT0RPOiBDaGFuZ2UgdG8gYEV2ZW50RW1pdHRlcjx2b2lkPmAgaW4gYSBicmVha2luZyBjaGFuZ2UuXG5cbiAgcHVibGljIGlzU2VsZWN0ZWQ6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oXG4gICAgZmFsc2VcbiAgKTtcblxuICAjc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XG5cbiAgI3NvcnRJdGVtSWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjc29ydFNlcnZpY2U6IFNreVNvcnRTZXJ2aWNlO1xuICAjZGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmO1xuXG4gIGNvbnN0cnVjdG9yKHNvcnRTZXJ2aWNlOiBTa3lTb3J0U2VydmljZSwgZGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgdGhpcy4jc29ydFNlcnZpY2UgPSBzb3J0U2VydmljZTtcbiAgICB0aGlzLiNkZXRlY3RvciA9IGRldGVjdG9yO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHNvcnRJdGVtSWROdW1iZXIrKztcbiAgICB0aGlzLiNzb3J0SXRlbUlkID0gU09SVF9JVEVNX0lEX1BSRUZJWCArIHNvcnRJdGVtSWROdW1iZXIudG9TdHJpbmcoKTtcbiAgICB0aGlzLiNzdWJzY3JpcHRpb24gPSB0aGlzLiNzb3J0U2VydmljZS5zZWxlY3RlZEl0ZW0uc3Vic2NyaWJlKFxuICAgICAgKGl0ZW1JZDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHRoaXMuaXNTZWxlY3RlZC5uZXh0KGl0ZW1JZCA9PT0gdGhpcy4jc29ydEl0ZW1JZCk7XG4gICAgICAgIHRoaXMuI2RldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH1cbiAgICApO1xuXG4gICAgaWYgKHRoaXMuYWN0aXZlKSB7XG4gICAgICB0aGlzLiNzb3J0U2VydmljZS5zZWxlY3RJdGVtKHRoaXMuI3NvcnRJdGVtSWQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgdGhpcy4jc29ydEl0ZW1JZCAmJlxuICAgICAgY2hhbmdlcyAmJlxuICAgICAgY2hhbmdlc1snYWN0aXZlJ10gJiZcbiAgICAgIGNoYW5nZXNbJ2FjdGl2ZSddLmN1cnJlbnRWYWx1ZSAmJlxuICAgICAgY2hhbmdlc1snYWN0aXZlJ10uY3VycmVudFZhbHVlICE9PSBjaGFuZ2VzWydhY3RpdmUnXS5wcmV2aW91c1ZhbHVlXG4gICAgKSB7XG4gICAgICB0aGlzLiNzb3J0U2VydmljZS5zZWxlY3RJdGVtKHRoaXMuI3NvcnRJdGVtSWQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBpdGVtQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jc29ydEl0ZW1JZCkge1xuICAgICAgdGhpcy4jc29ydFNlcnZpY2Uuc2VsZWN0SXRlbSh0aGlzLiNzb3J0SXRlbUlkKTtcbiAgICAgIHRoaXMuaXRlbVNlbGVjdC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgLyogc2FuaXR5IGNoZWNrICovXG4gICAgaWYgKHRoaXMuI3N1YnNjcmlwdGlvbikge1xuICAgICAgdGhpcy4jc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LXNvcnQtaXRlbVwiXG4gIHJvbGU9XCJtZW51aXRlbXJhZGlvXCJcbiAgW2F0dHIuYXJpYS1jaGVja2VkXT1cImlzU2VsZWN0ZWQgfCBhc3luY1wiXG4gIFtuZ0NsYXNzXT1cInsgJ3NreS1zb3J0LWl0ZW0tc2VsZWN0ZWQnOiAoaXNTZWxlY3RlZCB8IGFzeW5jKSB9XCJcbj5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NreS1mb250LWVtcGhhc2l6ZWQnOiAoaXNTZWxlY3RlZCB8IGFzeW5jKSB9XCJcbiAgICAoY2xpY2spPVwiaXRlbUNsaWNrZWQoKVwiXG4gID5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, inject, } from '@angular/core';
|
|
2
|
+
import { SkyContentInfoProvider } from '@skyux/core';
|
|
2
3
|
import { SkyDropdownMessageType } from '@skyux/popovers';
|
|
3
4
|
import { Subject } from 'rxjs';
|
|
4
5
|
import { SkySortService } from './sort.service';
|
|
@@ -11,12 +12,15 @@ import * as i5 from "@skyux/theme";
|
|
|
11
12
|
import * as i6 from "./sort-menu-heading.component";
|
|
12
13
|
import * as i7 from "@skyux/i18n";
|
|
13
14
|
export class SkySortComponent {
|
|
15
|
+
#contentInfoProvider;
|
|
14
16
|
constructor() {
|
|
15
17
|
/**
|
|
16
18
|
* Whether to display a "Sort" label beside the icon on the sort button.
|
|
17
19
|
*/
|
|
18
20
|
this.showButtonText = false;
|
|
19
21
|
this.dropdownController = new Subject();
|
|
22
|
+
this.#contentInfoProvider = inject(SkyContentInfoProvider, { optional: true });
|
|
23
|
+
this.contentInfoObs = this.#contentInfoProvider?.getInfo();
|
|
20
24
|
}
|
|
21
25
|
dropdownClicked() {
|
|
22
26
|
this.dropdownController.next({
|
|
@@ -24,14 +28,14 @@ export class SkySortComponent {
|
|
|
24
28
|
});
|
|
25
29
|
}
|
|
26
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkySortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SkySortComponent, selector: "sky-sort", inputs: { ariaLabel: "ariaLabel", showButtonText: "showButtonText" }, providers: [SkySortService], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"ariaLabel
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: SkySortComponent, selector: "sky-sort", inputs: { ariaLabel: "ariaLabel", showButtonText: "showButtonText" }, providers: [SkySortService], ngImport: i0, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources : (contentInfoObs | async)?.descriptor)\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 <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading\n skyId\n #sortMenuHeading=\"skyId\"\n ></sky-sort-menu-heading>\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n <ng-content />\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i4.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "component", type: i6.SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
32
|
}
|
|
29
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: SkySortComponent, decorators: [{
|
|
30
34
|
type: Component,
|
|
31
|
-
args: [{ selector: 'sky-sort', providers: [SkySortService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"ariaLabel
|
|
32
|
-
}], propDecorators: { ariaLabel: [{
|
|
35
|
+
args: [{ selector: 'sky-sort', providers: [SkySortService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"\n ariaLabel ||\n ((contentInfoObs | async)?.descriptor\n ? ('skyux_sort_aria_label_descriptor'\n | skyLibResources : (contentInfoObs | async)?.descriptor)\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 <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n {{ 'skyux_sort_button_label' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu\n ariaRole=\"menu\"\n [ariaLabelledBy]=\"sortMenuHeading.id\"\n (click)=\"dropdownClicked()\"\n >\n <sky-sort-menu-heading\n skyId\n #sortMenuHeading=\"skyId\"\n ></sky-sort-menu-heading>\n <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n <ng-content />\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"] }]
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { ariaLabel: [{
|
|
33
37
|
type: Input
|
|
34
38
|
}], showButtonText: [{
|
|
35
39
|
type: Input
|
|
36
40
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL3NvcnQvc29ydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdHMvc3JjL2xpYi9tb2R1bGVzL3NvcnQvc29ydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBa0Isc0JBQXNCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDckUsT0FBTyxFQUFzQixzQkFBc0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTdFLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFM0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFTaEQsTUFBTSxPQUFPLGdCQUFnQjtJQXNCM0Isb0JBQW9CLENBQXNEO0lBRTFFO1FBWkE7O1dBRUc7UUFFSSxtQkFBYyxHQUF3QixLQUFLLENBQUM7UUFFNUMsdUJBQWtCLEdBQUcsSUFBSSxPQUFPLEVBQXNCLENBQUM7UUFJOUQseUJBQW9CLEdBQUcsTUFBTSxDQUFDLHNCQUFzQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFHeEUsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDN0QsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQztZQUMzQixJQUFJLEVBQUUsc0JBQXNCLENBQUMsS0FBSztTQUNuQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQWhDVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix5R0FIaEIsQ0FBQyxjQUFjLENBQUMsMEJDakI3Qiw0akNBaUNBOzsyRkRiYSxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsVUFBVSxhQUdULENBQUMsY0FBYyxDQUFDLG1CQUNWLHVCQUF1QixDQUFDLE1BQU07MEVBWXhDLFNBQVM7c0JBRGYsS0FBSztnQkFPQyxjQUFjO3NCQURwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb250ZW50SW5mbywgU2t5Q29udGVudEluZm9Qcm92aWRlciB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreURyb3Bkb3duTWVzc2FnZSwgU2t5RHJvcGRvd25NZXNzYWdlVHlwZSB9IGZyb20gJ0Bza3l1eC9wb3BvdmVycyc7XG5cbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2t5U29ydFNlcnZpY2UgfSBmcm9tICcuL3NvcnQuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1zb3J0JyxcbiAgc3R5bGVVcmxzOiBbJy4vc29ydC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vc29ydC5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreVNvcnRTZXJ2aWNlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreVNvcnRDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIEFSSUEgbGFiZWwgZm9yIHRoZSBzb3J0IGJ1dHRvbi4gVGhpcyBzZXRzIHRoZVxuICAgKiBzb3J0IGJ1dHRvbidzIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUgdG8gcHJvdmlkZSBhIHRleHQgZXF1aXZhbGVudCBmb3Igc2NyZWVuIHJlYWRlcnNcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICogVXNlIGEgY29udGV4dC1zZW5zaXRpdmUgbGFiZWwsIHN1Y2ggYXMgXCJTb3J0IGNvbnN0aXR1ZW50cy5cIiBDb250ZXh0IGlzIGVzcGVjaWFsbHkgaW1wb3J0YW50IHdoZW4gbXVsdGlwbGUgZmlsdGVyIGJ1dHRvbnMgYXJlIGluIGNsb3NlIHByb3hpbWl0eS5cbiAgICogSW4gdG9vbGJhcnMsIHNvcnQgYnV0dG9ucyB1c2UgdGhlIGBsaXN0RGVzY3JpcHRvcmAgdG8gcHJvdmlkZSBjb250ZXh0LCBhbmQgdGhlIEFSSUEgbGFiZWwgZGVmYXVsdHMgdG8gXCJTb3J0IDxsaXN0RGVzY3JpcHRvcj4uXCJcbiAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gYWJvdXQgdGhlIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUsIHNlZSB0aGUgW1dBSS1BUklBIGRlZmluaXRpb25dKGh0dHBzOi8vd3d3LnczLm9yZy9UUi93YWktYXJpYS8jYXJpYS1sYWJlbCkuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXJpYUxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gZGlzcGxheSBhIFwiU29ydFwiIGxhYmVsIGJlc2lkZSB0aGUgaWNvbiBvbiB0aGUgc29ydCBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0J1dHRvblRleHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICBwdWJsaWMgZHJvcGRvd25Db250cm9sbGVyID0gbmV3IFN1YmplY3Q8U2t5RHJvcGRvd25NZXNzYWdlPigpO1xuXG4gIHByb3RlY3RlZCBjb250ZW50SW5mb09iczogT2JzZXJ2YWJsZTxTa3lDb250ZW50SW5mbz4gfCB1bmRlZmluZWQ7XG5cbiAgI2NvbnRlbnRJbmZvUHJvdmlkZXIgPSBpbmplY3QoU2t5Q29udGVudEluZm9Qcm92aWRlciwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmNvbnRlbnRJbmZvT2JzID0gdGhpcy4jY29udGVudEluZm9Qcm92aWRlcj8uZ2V0SW5mbygpO1xuICB9XG5cbiAgcHVibGljIGRyb3Bkb3duQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3Bkb3duQ29udHJvbGxlci5uZXh0KHtcbiAgICAgIHR5cGU6IFNreURyb3Bkb3duTWVzc2FnZVR5cGUuQ2xvc2UsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktc29ydFwiPlxuICA8c2t5LWRyb3Bkb3duXG4gICAgYnV0dG9uVHlwZT1cInNlbGVjdFwiXG4gICAgW2xhYmVsXT1cIlxuICAgICAgYXJpYUxhYmVsIHx8XG4gICAgICAoKGNvbnRlbnRJbmZvT2JzIHwgYXN5bmMpPy5kZXNjcmlwdG9yXG4gICAgICAgID8gKCdza3l1eF9zb3J0X2FyaWFfbGFiZWxfZGVzY3JpcHRvcidcbiAgICAgICAgICB8IHNreUxpYlJlc291cmNlcyA6IChjb250ZW50SW5mb09icyB8IGFzeW5jKT8uZGVzY3JpcHRvcilcbiAgICAgICAgOiAoJ3NreXV4X3NvcnRfYnV0dG9uX2xhYmVsJyB8IHNreUxpYlJlc291cmNlcykpXG4gICAgXCJcbiAgICBbbWVzc2FnZVN0cmVhbV09XCJkcm9wZG93bkNvbnRyb2xsZXJcIlxuICAgIFt0aXRsZV09XCInc2t5dXhfc29ydF9idXR0b25fbGFiZWwnIHwgc2t5TGliUmVzb3VyY2VzXCJcbiAgPlxuICAgIDxza3ktZHJvcGRvd24tYnV0dG9uPlxuICAgICAgPHNreS1pY29uIGljb249XCJzb3J0XCIgLz5cbiAgICAgIDxzcGFuICpuZ0lmPVwic2hvd0J1dHRvblRleHRcIiBjbGFzcz1cInNreS1zb3J0LWJ0bi10ZXh0XCI+XG4gICAgICAgIHt7ICdza3l1eF9zb3J0X2J1dHRvbl9sYWJlbCcgfCBza3lMaWJSZXNvdXJjZXMgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L3NreS1kcm9wZG93bi1idXR0b24+XG4gICAgPHNreS1kcm9wZG93bi1tZW51XG4gICAgICBhcmlhUm9sZT1cIm1lbnVcIlxuICAgICAgW2FyaWFMYWJlbGxlZEJ5XT1cInNvcnRNZW51SGVhZGluZy5pZFwiXG4gICAgICAoY2xpY2spPVwiZHJvcGRvd25DbGlja2VkKClcIlxuICAgID5cbiAgICAgIDxza3ktc29ydC1tZW51LWhlYWRpbmdcbiAgICAgICAgc2t5SWRcbiAgICAgICAgI3NvcnRNZW51SGVhZGluZz1cInNreUlkXCJcbiAgICAgID48L3NreS1zb3J0LW1lbnUtaGVhZGluZz5cbiAgICAgIDxkaXYgKnNreVRoZW1lSWY9XCInZGVmYXVsdCdcIiBjbGFzcz1cInNreS1zb3J0LWhlYWRpbmctZGl2aWRlclwiPjwvZGl2PlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L3NreS1kcm9wZG93bi1tZW51PlxuICA8L3NreS1kcm9wZG93bj5cbjwvZGl2PlxuIl19
|