@skyux/lists 5.0.0 → 5.0.4
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/bundles/skyux-lists-testing.umd.js +31 -46
- package/bundles/skyux-lists-testing.umd.js.map +1 -1
- package/bundles/skyux-lists.umd.js +283 -310
- package/bundles/skyux-lists.umd.js.map +1 -1
- package/documentation.json +524 -707
- package/esm2015/modules/filter/filter-button.component.js +11 -19
- package/esm2015/modules/filter/filter-inline-item.component.js +5 -5
- package/esm2015/modules/filter/filter-inline.component.js +5 -5
- package/esm2015/modules/filter/filter-summary-item.component.js +6 -6
- package/esm2015/modules/filter/filter-summary.component.js +5 -5
- package/esm2015/modules/filter/filter.module.js +10 -15
- package/esm2015/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js +11 -12
- package/esm2015/modules/infinite-scroll/infinite-scroll.component.js +10 -12
- package/esm2015/modules/infinite-scroll/infinite-scroll.module.js +8 -22
- package/esm2015/modules/paging/paging.component.js +9 -10
- package/esm2015/modules/paging/paging.module.js +9 -13
- package/esm2015/modules/repeater/repeater-adapter.service.js +4 -4
- package/esm2015/modules/repeater/repeater-item-content.component.js +5 -5
- package/esm2015/modules/repeater/repeater-item-context-menu.component.js +5 -5
- package/esm2015/modules/repeater/repeater-item-title.component.js +5 -5
- package/esm2015/modules/repeater/repeater-item.component.js +12 -12
- package/esm2015/modules/repeater/repeater.component.js +24 -26
- package/esm2015/modules/repeater/repeater.module.js +10 -10
- package/esm2015/modules/repeater/repeater.service.js +5 -5
- package/esm2015/modules/shared/sky-lists-resources.module.js +45 -12
- package/esm2015/modules/sort/sort-item.component.js +10 -9
- package/esm2015/modules/sort/sort-menu-heading.component.js +5 -5
- package/esm2015/modules/sort/sort.component.js +14 -29
- package/esm2015/modules/sort/sort.module.js +10 -14
- package/esm2015/modules/sort/sort.service.js +4 -4
- package/esm2015/testing/filter/filter-fixture-button.js +2 -2
- package/esm2015/testing/filter/filter-fixture-summary.js +1 -1
- package/esm2015/testing/filter/filter-testing.module.js +6 -8
- package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js +1 -1
- package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js +6 -8
- package/esm2015/testing/paging/paging-fixture.js +2 -2
- package/esm2015/testing/paging/paging-testing.module.js +6 -8
- package/esm2015/testing/sort/sort-fixture.js +5 -6
- package/esm2015/testing/sort/sort-testing.module.js +7 -13
- package/fesm2015/skyux-lists-testing.js +27 -40
- package/fesm2015/skyux-lists-testing.js.map +1 -1
- package/fesm2015/skyux-lists.js +212 -233
- package/fesm2015/skyux-lists.js.map +1 -1
- package/modules/filter/filter-button.component.d.ts +2 -7
- package/modules/sort/sort.component.d.ts +2 -8
- package/package.json +13 -12
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/indicators'), require('@skyux/theme'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators'), require('@skyux/core'), require('@skyux/forms'), require('@skyux/inline-form'), require('ng2-dragula'), require('@skyux/animations'), require('@skyux/popovers')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/lists', ['exports', '@angular/common', '@angular/core', '@skyux/indicators', '@skyux/theme', '@skyux/i18n', 'rxjs', 'rxjs/operators', '@skyux/core', '@skyux/forms', '@skyux/inline-form', 'ng2-dragula', '@skyux/animations', '@skyux/popovers'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.lists = {}), global.ng.common, global.ng.core, global.
|
|
5
|
-
}(this, (function (exports, i2
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.lists = {}), global.ng.common, global.ng.core, global.i1, global.i3, global.i4, global.rxjs, global.rxjs.operators, global.i1$1, global.i6, global.i4$1, global.i3$1, global.animations, global.i1$2));
|
|
5
|
+
})(this, (function (exports, i2, i0, i1, i3, i4, rxjs, operators, i1$1, i6, i4$1, i3$1, animations, i1$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,27 +13,25 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
27
|
-
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
28
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
29
25
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
26
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
30
27
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
28
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
31
29
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
32
30
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
31
|
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
|
34
32
|
var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
|
|
35
|
-
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
36
|
-
var
|
|
33
|
+
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
34
|
+
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
37
35
|
|
|
38
36
|
/**
|
|
39
37
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
@@ -42,7 +40,36 @@
|
|
|
42
40
|
* To update this file, simply rerun the command.
|
|
43
41
|
*/
|
|
44
42
|
var RESOURCES = {
|
|
45
|
-
'EN-US': {
|
|
43
|
+
'EN-US': {
|
|
44
|
+
skyux_filter_button_title: { message: 'Filter' },
|
|
45
|
+
skyux_filter_summary_close: { message: 'Remove filter' },
|
|
46
|
+
skyux_filter_summary_header: { message: 'Filter' },
|
|
47
|
+
skyux_infinite_scroll_load_more_button: { message: 'Load more' },
|
|
48
|
+
skyux_paging_label: { message: 'Pagination' },
|
|
49
|
+
skyux_paging_next: { message: 'Next' },
|
|
50
|
+
skyux_paging_previous: { message: 'Previous' },
|
|
51
|
+
skyux_repeater_label: { message: 'List of items' },
|
|
52
|
+
skyux_repeater_item_checkbox_label: { message: 'Select row' },
|
|
53
|
+
skyux_repeater_item_reorder_cancel: {
|
|
54
|
+
message: 'Item reordering was canceled. The item was returned to its original position.',
|
|
55
|
+
},
|
|
56
|
+
skyux_repeater_item_reorder_finish: {
|
|
57
|
+
message: 'Dropped the item in position',
|
|
58
|
+
},
|
|
59
|
+
skyux_repeater_item_reorder_instructions: {
|
|
60
|
+
message: 'Item grabbed. Press the up and down arrow keys to change position. Press the spacebar or enter key to drop. And press the escape key to cancel.',
|
|
61
|
+
},
|
|
62
|
+
skyux_repeater_item_reorder_moved: {
|
|
63
|
+
message: 'Moved the item to position',
|
|
64
|
+
},
|
|
65
|
+
skyux_repeater_item_reorder_operation: {
|
|
66
|
+
message: 'Press the spacebar or enter key to reorder.',
|
|
67
|
+
},
|
|
68
|
+
skyux_repeater_item_reorder_top: { message: 'Top' },
|
|
69
|
+
skyux_repeater_item_reorder_top_label: { message: 'Move to top' },
|
|
70
|
+
skyux_sort_button_label: { message: 'Sort' },
|
|
71
|
+
skyux_sort_menu_heading: { message: 'Sort by' },
|
|
72
|
+
},
|
|
46
73
|
};
|
|
47
74
|
var SkyListsResourcesProvider = /** @class */ (function () {
|
|
48
75
|
function SkyListsResourcesProvider() {
|
|
@@ -60,30 +87,32 @@
|
|
|
60
87
|
}
|
|
61
88
|
return SkyListsResourcesModule;
|
|
62
89
|
}());
|
|
63
|
-
SkyListsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
64
|
-
SkyListsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
65
|
-
SkyListsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
90
|
+
SkyListsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
91
|
+
SkyListsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListsResourcesModule, exports: [i4.SkyI18nModule] });
|
|
92
|
+
SkyListsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListsResourcesModule, providers: [
|
|
93
|
+
{
|
|
66
94
|
provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
|
|
67
95
|
useClass: SkyListsResourcesProvider,
|
|
68
|
-
multi: true
|
|
69
|
-
}
|
|
70
|
-
|
|
96
|
+
multi: true,
|
|
97
|
+
},
|
|
98
|
+
], imports: [i4.SkyI18nModule] });
|
|
99
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListsResourcesModule, decorators: [{
|
|
71
100
|
type: i0.NgModule,
|
|
72
101
|
args: [{
|
|
73
102
|
exports: [i4.SkyI18nModule],
|
|
74
|
-
providers: [
|
|
103
|
+
providers: [
|
|
104
|
+
{
|
|
75
105
|
provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
|
|
76
106
|
useClass: SkyListsResourcesProvider,
|
|
77
|
-
multi: true
|
|
78
|
-
}
|
|
107
|
+
multi: true,
|
|
108
|
+
},
|
|
109
|
+
],
|
|
79
110
|
}]
|
|
80
111
|
}] });
|
|
81
112
|
|
|
82
113
|
var nextId = 0;
|
|
83
114
|
var SkyFilterButtonComponent = /** @class */ (function () {
|
|
84
|
-
function SkyFilterButtonComponent(
|
|
85
|
-
this.themeSvc = themeSvc;
|
|
86
|
-
this.changeDetector = changeDetector;
|
|
115
|
+
function SkyFilterButtonComponent() {
|
|
87
116
|
/**
|
|
88
117
|
* Indicates whether to highlight the filter button to indicate that filters were applied.
|
|
89
118
|
* We recommend setting this property to `true` when no indication of filtering is visible
|
|
@@ -116,29 +145,22 @@
|
|
|
116
145
|
enumerable: false,
|
|
117
146
|
configurable: true
|
|
118
147
|
});
|
|
119
|
-
SkyFilterButtonComponent.prototype.ngOnInit = function () {
|
|
120
|
-
var _this = this;
|
|
121
|
-
this.themeSvc.settingsChange.subscribe(function () {
|
|
122
|
-
// Push changes b/c SkyIconComponent uses ChangeDetectionStrategy.OnPush
|
|
123
|
-
_this.changeDetector.markForCheck();
|
|
124
|
-
});
|
|
125
|
-
};
|
|
126
148
|
SkyFilterButtonComponent.prototype.filterButtonOnClick = function () {
|
|
127
149
|
this.filterButtonClick.emit(undefined);
|
|
128
150
|
};
|
|
129
151
|
return SkyFilterButtonComponent;
|
|
130
152
|
}());
|
|
131
|
-
SkyFilterButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
132
|
-
SkyFilterButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
133
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
153
|
+
SkyFilterButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
154
|
+
SkyFilterButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFilterButtonComponent, selector: "sky-filter-button", inputs: { filterButtonId: "filterButtonId", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", active: "active", disabled: "disabled", showButtonText: "showButtonText" }, outputs: { filterButtonClick: "filterButtonClick" }, ngImport: i0__namespace, template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-theme-modern': 'modern'\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],.sky-theme-modern.sky-filter-btn-active[disabled]:hover,.sky-theme-modern.sky-filter-btn-active[disabled]:focus,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active[disabled]:active,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover[disabled],.sky-theme-modern.sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus[disabled],.sky-theme-modern.sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern.sky-filter-btn-active:focus,.sky-theme-modern.sky-filter-btn-active:hover:focus,.sky-theme-modern.sky-filter-btn-active:focus:focus{outline:none}.sky-theme-modern.sky-filter-btn-active:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:hover:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:focus:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #0974a1,0 1px 8px #0000004d}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
155
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterButtonComponent, decorators: [{
|
|
134
156
|
type: i0.Component,
|
|
135
157
|
args: [{
|
|
136
158
|
selector: 'sky-filter-button',
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
159
|
+
styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],
|
|
160
|
+
template: "<button\n class=\"sky-btn sky-btn-default sky-filter-btn\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n [disabled]=\"disabled\"\n [id]=\"filterButtonId\"\n [ngClass]=\"{\n 'sky-filter-btn-active': active\n }\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-theme-modern': 'modern'\n }\"\n (click)=\"filterButtonOnClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n {{ 'skyux_filter_button_title' | skyLibResources }}\n </span>\n</button>\n",
|
|
161
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
140
162
|
}]
|
|
141
|
-
}],
|
|
163
|
+
}], propDecorators: { filterButtonId: [{
|
|
142
164
|
type: i0.Input
|
|
143
165
|
}], ariaControls: [{
|
|
144
166
|
type: i0.Input
|
|
@@ -162,14 +184,14 @@
|
|
|
162
184
|
}
|
|
163
185
|
return SkyFilterInlineComponent;
|
|
164
186
|
}());
|
|
165
|
-
SkyFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
166
|
-
SkyFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
167
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
187
|
+
SkyFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
188
|
+
SkyFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFilterInlineComponent, selector: "sky-filter-inline", ngImport: i0__namespace, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"] });
|
|
189
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterInlineComponent, decorators: [{
|
|
168
190
|
type: i0.Component,
|
|
169
191
|
args: [{
|
|
170
192
|
selector: 'sky-filter-inline',
|
|
171
|
-
|
|
172
|
-
|
|
193
|
+
styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"],
|
|
194
|
+
template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n",
|
|
173
195
|
}]
|
|
174
196
|
}] });
|
|
175
197
|
|
|
@@ -181,14 +203,14 @@
|
|
|
181
203
|
}
|
|
182
204
|
return SkyFilterInlineItemComponent;
|
|
183
205
|
}());
|
|
184
|
-
SkyFilterInlineItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
185
|
-
SkyFilterInlineItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
186
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
206
|
+
SkyFilterInlineItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterInlineItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
207
|
+
SkyFilterInlineItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFilterInlineItemComponent, selector: "sky-filter-inline-item", ngImport: i0__namespace, template: "<div class=\"sky-filter-inline-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] });
|
|
208
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterInlineItemComponent, decorators: [{
|
|
187
209
|
type: i0.Component,
|
|
188
210
|
args: [{
|
|
189
211
|
selector: 'sky-filter-inline-item',
|
|
190
|
-
|
|
191
|
-
|
|
212
|
+
styles: [".sky-filter-inline-item{margin-right:10px}\n"],
|
|
213
|
+
template: "<div class=\"sky-filter-inline-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
192
214
|
}]
|
|
193
215
|
}] });
|
|
194
216
|
|
|
@@ -221,15 +243,15 @@
|
|
|
221
243
|
};
|
|
222
244
|
return SkyFilterSummaryItemComponent;
|
|
223
245
|
}());
|
|
224
|
-
SkyFilterSummaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
225
|
-
SkyFilterSummaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
226
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
246
|
+
SkyFilterSummaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterSummaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
247
|
+
SkyFilterSummaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFilterSummaryItemComponent, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, ngImport: i0__namespace, 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> </ng-content>\n </sky-token>\n</div>\n", styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"], components: [{ type: i1__namespace.λ12, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
248
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterSummaryItemComponent, decorators: [{
|
|
227
249
|
type: i0.Component,
|
|
228
250
|
args: [{
|
|
229
251
|
selector: 'sky-filter-summary-item',
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
252
|
+
styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"],
|
|
253
|
+
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> </ng-content>\n </sky-token>\n</div>\n",
|
|
254
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
233
255
|
}]
|
|
234
256
|
}], propDecorators: { dismissible: [{
|
|
235
257
|
type: i0.Input
|
|
@@ -247,15 +269,15 @@
|
|
|
247
269
|
}
|
|
248
270
|
return SkyFilterSummaryComponent;
|
|
249
271
|
}());
|
|
250
|
-
SkyFilterSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
251
|
-
SkyFilterSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
252
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
272
|
+
SkyFilterSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
273
|
+
SkyFilterSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFilterSummaryComponent, selector: "sky-filter-summary", ngImport: i0__namespace, 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></ng-content>\n </div>\n</div>\n", styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
274
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterSummaryComponent, decorators: [{
|
|
253
275
|
type: i0.Component,
|
|
254
276
|
args: [{
|
|
255
277
|
selector: 'sky-filter-summary',
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
278
|
+
styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"],
|
|
279
|
+
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></ng-content>\n </div>\n</div>\n",
|
|
280
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
259
281
|
}]
|
|
260
282
|
}] });
|
|
261
283
|
|
|
@@ -264,30 +286,28 @@
|
|
|
264
286
|
}
|
|
265
287
|
return SkyFilterModule;
|
|
266
288
|
}());
|
|
267
|
-
SkyFilterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
268
|
-
SkyFilterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
289
|
+
SkyFilterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
290
|
+
SkyFilterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterModule, declarations: [SkyFilterButtonComponent,
|
|
269
291
|
SkyFilterInlineComponent,
|
|
270
292
|
SkyFilterInlineItemComponent,
|
|
271
293
|
SkyFilterSummaryComponent,
|
|
272
|
-
SkyFilterSummaryItemComponent], imports: [i2
|
|
273
|
-
|
|
294
|
+
SkyFilterSummaryItemComponent], imports: [i2.CommonModule,
|
|
295
|
+
i1.SkyIconModule,
|
|
274
296
|
SkyListsResourcesModule,
|
|
275
|
-
|
|
276
|
-
|
|
297
|
+
i1.SkyTokensModule,
|
|
298
|
+
i3.SkyThemeModule], exports: [SkyFilterButtonComponent,
|
|
277
299
|
SkyFilterInlineComponent,
|
|
278
300
|
SkyFilterInlineItemComponent,
|
|
279
301
|
SkyFilterSummaryComponent,
|
|
280
302
|
SkyFilterSummaryItemComponent] });
|
|
281
|
-
SkyFilterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
i2$1.CommonModule,
|
|
285
|
-
i2.SkyIconModule,
|
|
303
|
+
SkyFilterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterModule, imports: [[
|
|
304
|
+
i2.CommonModule,
|
|
305
|
+
i1.SkyIconModule,
|
|
286
306
|
SkyListsResourcesModule,
|
|
287
|
-
|
|
288
|
-
|
|
307
|
+
i1.SkyTokensModule,
|
|
308
|
+
i3.SkyThemeModule,
|
|
289
309
|
]] });
|
|
290
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
310
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFilterModule, decorators: [{
|
|
291
311
|
type: i0.NgModule,
|
|
292
312
|
args: [{
|
|
293
313
|
declarations: [
|
|
@@ -295,25 +315,22 @@
|
|
|
295
315
|
SkyFilterInlineComponent,
|
|
296
316
|
SkyFilterInlineItemComponent,
|
|
297
317
|
SkyFilterSummaryComponent,
|
|
298
|
-
SkyFilterSummaryItemComponent
|
|
318
|
+
SkyFilterSummaryItemComponent,
|
|
299
319
|
],
|
|
300
320
|
imports: [
|
|
301
|
-
i2
|
|
302
|
-
|
|
321
|
+
i2.CommonModule,
|
|
322
|
+
i1.SkyIconModule,
|
|
303
323
|
SkyListsResourcesModule,
|
|
304
|
-
|
|
305
|
-
|
|
324
|
+
i1.SkyTokensModule,
|
|
325
|
+
i3.SkyThemeModule,
|
|
306
326
|
],
|
|
307
327
|
exports: [
|
|
308
328
|
SkyFilterButtonComponent,
|
|
309
329
|
SkyFilterInlineComponent,
|
|
310
330
|
SkyFilterInlineItemComponent,
|
|
311
331
|
SkyFilterSummaryComponent,
|
|
312
|
-
SkyFilterSummaryItemComponent
|
|
332
|
+
SkyFilterSummaryItemComponent,
|
|
313
333
|
],
|
|
314
|
-
providers: [
|
|
315
|
-
i1.SkyThemeService
|
|
316
|
-
]
|
|
317
334
|
}]
|
|
318
335
|
}] });
|
|
319
336
|
|
|
@@ -348,8 +365,7 @@
|
|
|
348
365
|
SkyInfiniteScrollDomAdapterService.prototype.scrollTo = function (elementRef) {
|
|
349
366
|
var _this = this;
|
|
350
367
|
var parent = this.findScrollableParent(elementRef.nativeElement);
|
|
351
|
-
return rxjs.fromEvent(parent, 'scroll')
|
|
352
|
-
.pipe(operators.takeUntil(this.ngUnsubscribe), operators.filter(function () {
|
|
368
|
+
return rxjs.fromEvent(parent, 'scroll').pipe(operators.takeUntil(this.ngUnsubscribe), operators.filter(function () {
|
|
353
369
|
return _this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
354
370
|
}), operators.map(function () { return undefined; }) // Change to void return type
|
|
355
371
|
);
|
|
@@ -358,8 +374,7 @@
|
|
|
358
374
|
var _this = this;
|
|
359
375
|
this.observer = new MutationObserver(function (mutations) {
|
|
360
376
|
var hasUpdates = !!mutations.find(function (mutation) {
|
|
361
|
-
return (!element.contains(mutation.target) &&
|
|
362
|
-
mutation.addedNodes.length > 0);
|
|
377
|
+
return (!element.contains(mutation.target) && mutation.addedNodes.length > 0);
|
|
363
378
|
});
|
|
364
379
|
if (hasUpdates) {
|
|
365
380
|
_this._parentChanges.emit();
|
|
@@ -367,10 +382,10 @@
|
|
|
367
382
|
});
|
|
368
383
|
var windowObj = this.windowRef.nativeWindow;
|
|
369
384
|
var parent = this.findScrollableParent(element);
|
|
370
|
-
var observedParent =
|
|
385
|
+
var observedParent = parent === windowObj ? windowObj.document.body : parent;
|
|
371
386
|
this.observer.observe(observedParent, {
|
|
372
387
|
childList: true,
|
|
373
|
-
subtree: true
|
|
388
|
+
subtree: true,
|
|
374
389
|
});
|
|
375
390
|
};
|
|
376
391
|
SkyInfiniteScrollDomAdapterService.prototype.findScrollableParent = function (element) {
|
|
@@ -394,17 +409,18 @@
|
|
|
394
409
|
SkyInfiniteScrollDomAdapterService.prototype.isElementScrolledInView = function (element, parentElement) {
|
|
395
410
|
var windowObj = this.windowRef.nativeWindow;
|
|
396
411
|
if (parentElement === windowObj) {
|
|
397
|
-
return (parentElement.pageYOffset + parentElement.innerHeight >
|
|
412
|
+
return (parentElement.pageYOffset + parentElement.innerHeight >
|
|
413
|
+
element.offsetTop);
|
|
398
414
|
}
|
|
399
415
|
var elementRect = element.getBoundingClientRect();
|
|
400
416
|
var parentRect = parentElement.getBoundingClientRect();
|
|
401
|
-
return
|
|
417
|
+
return elementRect.top < parentRect.top + parentRect.height;
|
|
402
418
|
};
|
|
403
419
|
return SkyInfiniteScrollDomAdapterService;
|
|
404
420
|
}());
|
|
405
|
-
SkyInfiniteScrollDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
406
|
-
SkyInfiniteScrollDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
407
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
421
|
+
SkyInfiniteScrollDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1__namespace$1.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
422
|
+
SkyInfiniteScrollDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService });
|
|
423
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService, decorators: [{
|
|
408
424
|
type: i0.Injectable
|
|
409
425
|
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyAppWindowRef }]; } });
|
|
410
426
|
|
|
@@ -480,7 +496,8 @@
|
|
|
480
496
|
var _this = this;
|
|
481
497
|
if (this.enabled) {
|
|
482
498
|
// The user has scrolled to the infinite scroll element.
|
|
483
|
-
this.domAdapter
|
|
499
|
+
this.domAdapter
|
|
500
|
+
.scrollTo(this.elementRef)
|
|
484
501
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
485
502
|
.subscribe(function () {
|
|
486
503
|
if (!_this.isWaiting && _this.enabled) {
|
|
@@ -488,7 +505,8 @@
|
|
|
488
505
|
}
|
|
489
506
|
});
|
|
490
507
|
// New items have been loaded into the parent element.
|
|
491
|
-
this.domAdapter
|
|
508
|
+
this.domAdapter
|
|
509
|
+
.parentChanges(this.elementRef)
|
|
492
510
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
493
511
|
.subscribe(function () {
|
|
494
512
|
if (!_this.loading) {
|
|
@@ -503,20 +521,16 @@
|
|
|
503
521
|
};
|
|
504
522
|
return SkyInfiniteScrollComponent;
|
|
505
523
|
}());
|
|
506
|
-
SkyInfiniteScrollComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
507
|
-
SkyInfiniteScrollComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
508
|
-
|
|
509
|
-
], ngImport: i0__namespace, template: "<div *ngIf=\"enabled\"\n class=\"sky-infinite-scroll\"\n>\n <button *ngIf=\"!isWaiting && enabled\"\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n <sky-wait\n [isWaiting]=\"isWaiting\"\n >\n </sky-wait>\n</div>\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], components: [{ type: i2__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
510
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyInfiniteScrollComponent, decorators: [{
|
|
524
|
+
SkyInfiniteScrollComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: SkyInfiniteScrollDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
525
|
+
SkyInfiniteScrollComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyInfiniteScrollComponent, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0__namespace, template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n <button\n *ngIf=\"!isWaiting && enabled\"\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], components: [{ type: i1__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
526
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollComponent, decorators: [{
|
|
511
527
|
type: i0.Component,
|
|
512
528
|
args: [{
|
|
513
529
|
selector: 'sky-infinite-scroll',
|
|
514
|
-
|
|
515
|
-
|
|
530
|
+
template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n <button\n *ngIf=\"!isWaiting && enabled\"\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"startInfiniteScrollLoad()\"\n >\n {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n </button>\n <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n",
|
|
531
|
+
styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"],
|
|
516
532
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
517
|
-
providers: [
|
|
518
|
-
SkyInfiniteScrollDomAdapterService
|
|
519
|
-
]
|
|
533
|
+
providers: [SkyInfiniteScrollDomAdapterService],
|
|
520
534
|
}]
|
|
521
535
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: SkyInfiniteScrollDomAdapterService }]; }, propDecorators: { enabled: [{
|
|
522
536
|
type: i0.Input
|
|
@@ -531,29 +545,15 @@
|
|
|
531
545
|
}
|
|
532
546
|
return SkyInfiniteScrollModule;
|
|
533
547
|
}());
|
|
534
|
-
SkyInfiniteScrollModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
535
|
-
SkyInfiniteScrollModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
SkyInfiniteScrollModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyInfiniteScrollModule, imports: [[
|
|
539
|
-
i2$1.CommonModule,
|
|
540
|
-
SkyListsResourcesModule,
|
|
541
|
-
i2.SkyWaitModule
|
|
542
|
-
]] });
|
|
543
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyInfiniteScrollModule, decorators: [{
|
|
548
|
+
SkyInfiniteScrollModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
549
|
+
SkyInfiniteScrollModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollModule, declarations: [SkyInfiniteScrollComponent], imports: [i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule], exports: [SkyInfiniteScrollComponent] });
|
|
550
|
+
SkyInfiniteScrollModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollModule, imports: [[i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule]] });
|
|
551
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInfiniteScrollModule, decorators: [{
|
|
544
552
|
type: i0.NgModule,
|
|
545
553
|
args: [{
|
|
546
|
-
declarations: [
|
|
547
|
-
|
|
548
|
-
],
|
|
549
|
-
imports: [
|
|
550
|
-
i2$1.CommonModule,
|
|
551
|
-
SkyListsResourcesModule,
|
|
552
|
-
i2.SkyWaitModule
|
|
553
|
-
],
|
|
554
|
-
exports: [
|
|
555
|
-
SkyInfiniteScrollComponent
|
|
556
|
-
]
|
|
554
|
+
declarations: [SkyInfiniteScrollComponent],
|
|
555
|
+
imports: [i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule],
|
|
556
|
+
exports: [SkyInfiniteScrollComponent],
|
|
557
557
|
}]
|
|
558
558
|
}] });
|
|
559
559
|
|
|
@@ -610,14 +610,14 @@
|
|
|
610
610
|
};
|
|
611
611
|
Object.defineProperty(SkyPagingComponent.prototype, "isPreviousButtonDisabled", {
|
|
612
612
|
get: function () {
|
|
613
|
-
return
|
|
613
|
+
return this.currentPage === 1;
|
|
614
614
|
},
|
|
615
615
|
enumerable: false,
|
|
616
616
|
configurable: true
|
|
617
617
|
});
|
|
618
618
|
Object.defineProperty(SkyPagingComponent.prototype, "isNextButtonDisabled", {
|
|
619
619
|
get: function () {
|
|
620
|
-
return
|
|
620
|
+
return this.currentPage === this.pageCount;
|
|
621
621
|
},
|
|
622
622
|
enumerable: false,
|
|
623
623
|
configurable: true
|
|
@@ -659,20 +659,19 @@
|
|
|
659
659
|
this.pageCount = Math.ceil(this.itemCount / this.pageSize);
|
|
660
660
|
};
|
|
661
661
|
SkyPagingComponent.prototype.setDisplayedPages = function () {
|
|
662
|
-
this.displayedPages =
|
|
663
|
-
this.getDisplayedPageNumbers(this.pageCount, this.maxPages, this.currentPage);
|
|
662
|
+
this.displayedPages = this.getDisplayedPageNumbers(this.pageCount, this.maxPages, this.currentPage);
|
|
664
663
|
};
|
|
665
664
|
return SkyPagingComponent;
|
|
666
665
|
}());
|
|
667
|
-
SkyPagingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
668
|
-
SkyPagingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
669
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
666
|
+
SkyPagingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
667
|
+
SkyPagingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyPagingComponent, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<nav\n *ngIf=\"pageCount > 1\"\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n <ul>\n <li>\n <button\n class=\"\n sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n \"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"chevron-left\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </li>\n <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n <li>\n <button\n class=\"\n sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n \"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"chevron-right\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </li>\n </ul>\n</nav>\n", styles: [":host{display:block}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\n"], components: [{ type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
668
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingComponent, decorators: [{
|
|
670
669
|
type: i0.Component,
|
|
671
670
|
args: [{
|
|
672
671
|
selector: 'sky-paging',
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
672
|
+
template: "<nav\n *ngIf=\"pageCount > 1\"\n class=\"sky-paging\"\n [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n <ul>\n <li>\n <button\n class=\"\n sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n \"\n sky-cmp-id=\"previous\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n [disabled]=\"isPreviousButtonDisabled\"\n (click)=\"previousPage()\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"chevron-left\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </li>\n <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n <button\n class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n type=\"button\"\n [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n [attr.sky-cmp-id]=\"pageNumber\"\n [disabled]=\"currentPage === pageNumber\"\n [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n (click)=\"setPage(pageNumber)\"\n >\n {{ pageNumber }}\n </button>\n </li>\n <li>\n <button\n class=\"\n sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n \"\n sky-cmp-id=\"next\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n [disabled]=\"isNextButtonDisabled\"\n (click)=\"nextPage()\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"chevron-right\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </li>\n </ul>\n</nav>\n",
|
|
673
|
+
styles: [":host{display:block}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled],
|
|
674
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
676
675
|
}]
|
|
677
676
|
}], propDecorators: { currentPage: [{
|
|
678
677
|
type: i0.Input
|
|
@@ -693,32 +692,28 @@
|
|
|
693
692
|
}
|
|
694
693
|
return SkyPagingModule;
|
|
695
694
|
}());
|
|
696
|
-
SkyPagingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
697
|
-
SkyPagingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
698
|
-
|
|
695
|
+
SkyPagingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
696
|
+
SkyPagingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingModule, declarations: [SkyPagingComponent], imports: [i2.CommonModule,
|
|
697
|
+
i1.SkyIconModule,
|
|
699
698
|
SkyListsResourcesModule,
|
|
700
|
-
|
|
701
|
-
SkyPagingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
702
|
-
i2
|
|
703
|
-
|
|
699
|
+
i3.SkyThemeModule], exports: [SkyPagingComponent] });
|
|
700
|
+
SkyPagingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingModule, imports: [[
|
|
701
|
+
i2.CommonModule,
|
|
702
|
+
i1.SkyIconModule,
|
|
704
703
|
SkyListsResourcesModule,
|
|
705
|
-
|
|
704
|
+
i3.SkyThemeModule,
|
|
706
705
|
]] });
|
|
707
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
706
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPagingModule, decorators: [{
|
|
708
707
|
type: i0.NgModule,
|
|
709
708
|
args: [{
|
|
710
|
-
declarations: [
|
|
711
|
-
SkyPagingComponent
|
|
712
|
-
],
|
|
709
|
+
declarations: [SkyPagingComponent],
|
|
713
710
|
imports: [
|
|
714
|
-
i2
|
|
715
|
-
|
|
711
|
+
i2.CommonModule,
|
|
712
|
+
i1.SkyIconModule,
|
|
716
713
|
SkyListsResourcesModule,
|
|
717
|
-
|
|
714
|
+
i3.SkyThemeModule,
|
|
718
715
|
],
|
|
719
|
-
exports: [
|
|
720
|
-
SkyPagingComponent
|
|
721
|
-
]
|
|
716
|
+
exports: [SkyPagingComponent],
|
|
722
717
|
}]
|
|
723
718
|
}] });
|
|
724
719
|
|
|
@@ -957,7 +952,7 @@
|
|
|
957
952
|
ar[i] = from[i];
|
|
958
953
|
}
|
|
959
954
|
}
|
|
960
|
-
return to.concat(ar || from);
|
|
955
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
961
956
|
}
|
|
962
957
|
function __await(v) {
|
|
963
958
|
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
@@ -1048,13 +1043,13 @@
|
|
|
1048
1043
|
}
|
|
1049
1044
|
return SkyRepeaterItemContentComponent;
|
|
1050
1045
|
}());
|
|
1051
|
-
SkyRepeaterItemContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1052
|
-
SkyRepeaterItemContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1053
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1046
|
+
SkyRepeaterItemContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1047
|
+
SkyRepeaterItemContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRepeaterItemContentComponent, selector: "sky-repeater-item-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1048
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, decorators: [{
|
|
1054
1049
|
type: i0.Component,
|
|
1055
1050
|
args: [{
|
|
1056
1051
|
selector: 'sky-repeater-item-content',
|
|
1057
|
-
|
|
1052
|
+
template: "<ng-content></ng-content>\n",
|
|
1058
1053
|
}]
|
|
1059
1054
|
}] });
|
|
1060
1055
|
|
|
@@ -1069,13 +1064,13 @@
|
|
|
1069
1064
|
}
|
|
1070
1065
|
return SkyRepeaterItemContextMenuComponent;
|
|
1071
1066
|
}());
|
|
1072
|
-
SkyRepeaterItemContextMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1073
|
-
SkyRepeaterItemContextMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1074
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1067
|
+
SkyRepeaterItemContextMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1068
|
+
SkyRepeaterItemContextMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRepeaterItemContextMenuComponent, selector: "sky-repeater-item-context-menu", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1069
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, decorators: [{
|
|
1075
1070
|
type: i0.Component,
|
|
1076
1071
|
args: [{
|
|
1077
1072
|
selector: 'sky-repeater-item-context-menu',
|
|
1078
|
-
|
|
1073
|
+
template: "<ng-content></ng-content>\n",
|
|
1079
1074
|
}]
|
|
1080
1075
|
}] });
|
|
1081
1076
|
|
|
@@ -1143,9 +1138,9 @@
|
|
|
1143
1138
|
};
|
|
1144
1139
|
return SkyRepeaterService;
|
|
1145
1140
|
}());
|
|
1146
|
-
SkyRepeaterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1147
|
-
SkyRepeaterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1148
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1141
|
+
SkyRepeaterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1142
|
+
SkyRepeaterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterService });
|
|
1143
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterService, decorators: [{
|
|
1149
1144
|
type: i0.Injectable
|
|
1150
1145
|
}] });
|
|
1151
1146
|
|
|
@@ -1216,9 +1211,9 @@
|
|
|
1216
1211
|
};
|
|
1217
1212
|
return SkyRepeaterAdapterService;
|
|
1218
1213
|
}());
|
|
1219
|
-
SkyRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1220
|
-
SkyRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1221
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1214
|
+
SkyRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterAdapterService, deps: [{ token: SkyRepeaterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1215
|
+
SkyRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterAdapterService });
|
|
1216
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterAdapterService, decorators: [{
|
|
1222
1217
|
type: i0.Injectable
|
|
1223
1218
|
}], ctorParameters: function () { return [{ type: SkyRepeaterService }]; } });
|
|
1224
1219
|
|
|
@@ -1275,8 +1270,7 @@
|
|
|
1275
1270
|
this._isSelected = false;
|
|
1276
1271
|
this.slideForExpanded(false);
|
|
1277
1272
|
// tslint:disable-next-line: deprecation
|
|
1278
|
-
rxjs.forkJoin(this.resourceService.getString('skyux_repeater_item_reorder_cancel'), this.resourceService.getString('skyux_repeater_item_reorder_finish'), this.resourceService.getString('skyux_repeater_item_reorder_instructions'), this.resourceService.getString('skyux_repeater_item_reorder_operation'), this.resourceService.getString('skyux_repeater_item_reorder_moved'))
|
|
1279
|
-
.subscribe(function (translatedStrings) {
|
|
1273
|
+
rxjs.forkJoin(this.resourceService.getString('skyux_repeater_item_reorder_cancel'), this.resourceService.getString('skyux_repeater_item_reorder_finish'), this.resourceService.getString('skyux_repeater_item_reorder_instructions'), this.resourceService.getString('skyux_repeater_item_reorder_operation'), this.resourceService.getString('skyux_repeater_item_reorder_moved')).subscribe(function (translatedStrings) {
|
|
1280
1274
|
_this.reorderCancelText = translatedStrings[0];
|
|
1281
1275
|
_this.reorderFinishText = translatedStrings[1];
|
|
1282
1276
|
_this.reorderStateDescription = translatedStrings[2];
|
|
@@ -1429,7 +1423,8 @@
|
|
|
1429
1423
|
if (this.keyboardReorderingEnabled) {
|
|
1430
1424
|
this.keyboardReorderingEnabled = false;
|
|
1431
1425
|
this.revertReorderSteps();
|
|
1432
|
-
this.reorderButtonLabel =
|
|
1426
|
+
this.reorderButtonLabel =
|
|
1427
|
+
this.reorderCancelText + ' ' + this.reorderInstructions;
|
|
1433
1428
|
this.adapterService.focusElement(event.target);
|
|
1434
1429
|
event.preventDefault();
|
|
1435
1430
|
event.stopPropagation();
|
|
@@ -1519,8 +1514,7 @@
|
|
|
1519
1514
|
this.reorderState = this.reorderStateDescription;
|
|
1520
1515
|
}
|
|
1521
1516
|
else {
|
|
1522
|
-
this.reorderState =
|
|
1523
|
-
this.reorderFinishText + " " + (this.reorderCurrentIndex + 1) + " " + this.reorderInstructions;
|
|
1517
|
+
this.reorderState = this.reorderFinishText + " " + (this.reorderCurrentIndex + 1) + " " + this.reorderInstructions;
|
|
1524
1518
|
}
|
|
1525
1519
|
};
|
|
1526
1520
|
SkyRepeaterItemComponent.prototype.revertReorderSteps = function () {
|
|
@@ -1539,7 +1533,8 @@
|
|
|
1539
1533
|
.subscribe(function () {
|
|
1540
1534
|
_this.hasItemContent = _this.repeaterItemContentComponents.length > 0;
|
|
1541
1535
|
/* istanbul ignore next */
|
|
1542
|
-
_this.isCollapsible =
|
|
1536
|
+
_this.isCollapsible =
|
|
1537
|
+
_this.hasItemContent && _this.repeaterService.expandMode !== 'none';
|
|
1543
1538
|
/* istanbul ignore else */
|
|
1544
1539
|
if (_this.repeaterService.expandMode === 'single') {
|
|
1545
1540
|
_this.repeaterService.onItemCollapseStateChange(_this);
|
|
@@ -1548,16 +1543,16 @@
|
|
|
1548
1543
|
};
|
|
1549
1544
|
return SkyRepeaterItemComponent;
|
|
1550
1545
|
}());
|
|
1551
|
-
SkyRepeaterItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1552
|
-
SkyRepeaterItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyRepeaterItemComponent, selector: "sky-repeater-item", inputs: { inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { properties: { "class": "this.repeaterGroupClass" } }, queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: i0.ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: i0.ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-repeater-item sky-padding-even-default\"\n role=\"option\"\n tabindex=\"0\"\n [ngClass]=\"{\n 'sky-repeater-item-active': isActive,\n 'sky-repeater-item-collapsible': isCollapsible,\n 'sky-repeater-item-selected': isSelected\n }\"\n (click)=\"onRepeaterItemClick($event)\"\n (keydown)=\"onItemKeyDown($event)\"\n #itemRef\n>\n <div #inlineDelete>\n <ng-content\n select=\"sky-inline-delete\"\n ></ng-content>\n </div>\n\n <ng-container *ngIf=\"inlineFormTemplate\">\n <sky-inline-form\n [config]=\"inlineFormConfig\"\n [showForm]=\"showInlineForm\"\n [template]=\"inlineFormTemplate\"\n (close)=\"onInlineFormClose($event)\"\n >\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </sky-inline-form>\n </ng-container>\n\n <ng-container *ngIf=\"!inlineFormTemplate\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template\n #skyRepeaterItemLeft\n>\n <div\n class=\"sky-repeater-item-left\"\n >\n <ng-container *ngIf=\"reorderable\">\n <span\n aria-live=\"assertive\"\n class=\"sky-repeater-item-reorder-assistive-text\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{reorderState}}\n </span>\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"reorderButtonLabel\"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #grabHandle\n >\n <sky-icon\n icon=\"arrows-v\"\n ></sky-icon>\n </button>\n </ng-container>\n <sky-checkbox\n *ngIf=\"selectable\"\n class=\"sky-repeater-item-checkbox\"\n [checked]=\"isSelected\"\n [label]=\"'skyux_repeater_item_checkbox_label' | skyLibResources\"\n (change)=\"onCheckboxChange($event)\"\n >\n </sky-checkbox>\n <div\n class=\"sky-repeater-item-context-menu\"\n [hidden]=\"contextMenuEl.children.length === 0\"\n #contextMenuEl\n >\n <ng-content\n select=\"sky-repeater-item-context-menu\"\n ></ng-content>\n </div>\n </div>\n</ng-template>\n\n<ng-template\n #skyRepeaterItemRight\n>\n <div\n class=\"sky-repeater-item-right\"\n #itemHeaderRef\n >\n <div\n class=\"sky-repeater-item-header\"\n [hidden]=\"titleRef.children.length === 0\"\n (click)=\"headerClick()\"\n >\n <div\n class=\"sky-repeater-item-title sky-emphasized\"\n #titleRef\n >\n <ng-content\n select=\"sky-repeater-item-title\"\n ></ng-content>\n </div>\n <button *ngIf=\"reorderable\"\n class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_repeater_item_reorder_top_label' | skyLibResources\"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon\n icon=\"arrow-circle-up\"\n ></sky-icon>\n {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n </button>\n <div *ngIf=\"isCollapsible\"\n class=\"sky-repeater-item-chevron\"\n >\n <sky-chevron\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"isExpanded\"\n [direction]=\"isExpanded ? 'up' : 'down'\"\n (directionChange)=\"chevronDirectionChange($event)\"\n >\n </sky-chevron>\n </div>\n <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n <div *ngIf=\"!isCollapsible && !contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder\"\n ></div>\n <!-- Used to ensure that the right side is the same height as the left.-->\n <div *ngIf=\"contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder-with-context\"\n ></div>\n </div>\n <div\n class=\"sky-repeater-item-content\"\n [id]=\"contentId\"\n [@skyAnimationSlide]=\"slideDirection\"\n #itemContentRef\n >\n <ng-content\n select=\"sky-repeater-item-content\"\n ></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-reorder-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;padding:0;margin-right:10px}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:1;opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-webkit-grabbing}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:transparent;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus,.sky-theme-modern sky-repeater-item .sky-repeater-item:active:focus{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"], components: [{ type: i4__namespace$1.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i6__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i2__namespace.λ2, selector: "sky-chevron", inputs: ["direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i2__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1553
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1546
|
+
SkyRepeaterItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemComponent, deps: [{ token: SkyRepeaterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyRepeaterAdapterService }, { token: i0__namespace.ElementRef }, { token: i4__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1547
|
+
SkyRepeaterItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRepeaterItemComponent, selector: "sky-repeater-item", inputs: { inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { properties: { "class": "this.repeaterGroupClass" } }, queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: i0.ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: i0.ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-repeater-item sky-padding-even-default\"\n role=\"option\"\n tabindex=\"0\"\n [ngClass]=\"{\n 'sky-repeater-item-active': isActive,\n 'sky-repeater-item-collapsible': isCollapsible,\n 'sky-repeater-item-selected': isSelected\n }\"\n (click)=\"onRepeaterItemClick($event)\"\n (keydown)=\"onItemKeyDown($event)\"\n #itemRef\n>\n <div #inlineDelete>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"inlineFormTemplate\">\n <sky-inline-form\n [config]=\"inlineFormConfig\"\n [showForm]=\"showInlineForm\"\n [template]=\"inlineFormTemplate\"\n (close)=\"onInlineFormClose($event)\"\n >\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </sky-inline-form>\n </ng-container>\n\n <ng-container *ngIf=\"!inlineFormTemplate\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n <div class=\"sky-repeater-item-left\">\n <ng-container *ngIf=\"reorderable\">\n <span\n aria-live=\"assertive\"\n class=\"sky-repeater-item-reorder-assistive-text\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"reorderButtonLabel\"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #grabHandle\n >\n <sky-icon icon=\"arrows-v\"></sky-icon>\n </button>\n </ng-container>\n <sky-checkbox\n *ngIf=\"selectable\"\n class=\"sky-repeater-item-checkbox\"\n [checked]=\"isSelected\"\n [label]=\"'skyux_repeater_item_checkbox_label' | skyLibResources\"\n (change)=\"onCheckboxChange($event)\"\n >\n </sky-checkbox>\n <div\n class=\"sky-repeater-item-context-menu\"\n [hidden]=\"contextMenuEl.children.length === 0\"\n #contextMenuEl\n >\n <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n </div>\n </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n <div class=\"sky-repeater-item-right\" #itemHeaderRef>\n <div\n class=\"sky-repeater-item-header\"\n [hidden]=\"titleRef.children.length === 0\"\n (click)=\"headerClick()\"\n >\n <div class=\"sky-repeater-item-title sky-emphasized\" #titleRef>\n <ng-content select=\"sky-repeater-item-title\"></ng-content>\n </div>\n <button\n *ngIf=\"reorderable\"\n class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_repeater_item_reorder_top_label' | skyLibResources\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-circle-up\"></sky-icon>\n {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n </button>\n <div *ngIf=\"isCollapsible\" class=\"sky-repeater-item-chevron\">\n <sky-chevron\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"isExpanded\"\n [direction]=\"isExpanded ? 'up' : 'down'\"\n (directionChange)=\"chevronDirectionChange($event)\"\n >\n </sky-chevron>\n </div>\n <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n <div\n *ngIf=\"!isCollapsible && !contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder\"\n ></div>\n <!-- Used to ensure that the right side is the same height as the left.-->\n <div\n *ngIf=\"contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder-with-context\"\n ></div>\n </div>\n <div\n class=\"sky-repeater-item-content\"\n [id]=\"contentId\"\n [@skyAnimationSlide]=\"slideDirection\"\n #itemContentRef\n >\n <ng-content select=\"sky-repeater-item-content\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-reorder-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-moz-grab;padding:0;margin-right:10px}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-webkit-grabbing}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:transparent;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus,.sky-theme-modern sky-repeater-item .sky-repeater-item:active:focus{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"], components: [{ type: i4__namespace$1.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i6__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace.λ2, selector: "sky-chevron", inputs: ["direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1548
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemComponent, decorators: [{
|
|
1554
1549
|
type: i0.Component,
|
|
1555
1550
|
args: [{
|
|
1556
1551
|
selector: 'sky-repeater-item',
|
|
1557
|
-
|
|
1558
|
-
|
|
1552
|
+
styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-reorder-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-moz-grab;padding:0;margin-right:10px}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-webkit-grabbing}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:transparent;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus,.sky-theme-modern sky-repeater-item .sky-repeater-item:active:focus{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden],
|
|
1553
|
+
template: "<div\n class=\"sky-repeater-item sky-padding-even-default\"\n role=\"option\"\n tabindex=\"0\"\n [ngClass]=\"{\n 'sky-repeater-item-active': isActive,\n 'sky-repeater-item-collapsible': isCollapsible,\n 'sky-repeater-item-selected': isSelected\n }\"\n (click)=\"onRepeaterItemClick($event)\"\n (keydown)=\"onItemKeyDown($event)\"\n #itemRef\n>\n <div #inlineDelete>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"inlineFormTemplate\">\n <sky-inline-form\n [config]=\"inlineFormConfig\"\n [showForm]=\"showInlineForm\"\n [template]=\"inlineFormTemplate\"\n (close)=\"onInlineFormClose($event)\"\n >\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </sky-inline-form>\n </ng-container>\n\n <ng-container *ngIf=\"!inlineFormTemplate\">\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n <div class=\"sky-repeater-item-left\">\n <ng-container *ngIf=\"reorderable\">\n <span\n aria-live=\"assertive\"\n class=\"sky-repeater-item-reorder-assistive-text\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"reorderButtonLabel\"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #grabHandle\n >\n <sky-icon icon=\"arrows-v\"></sky-icon>\n </button>\n </ng-container>\n <sky-checkbox\n *ngIf=\"selectable\"\n class=\"sky-repeater-item-checkbox\"\n [checked]=\"isSelected\"\n [label]=\"'skyux_repeater_item_checkbox_label' | skyLibResources\"\n (change)=\"onCheckboxChange($event)\"\n >\n </sky-checkbox>\n <div\n class=\"sky-repeater-item-context-menu\"\n [hidden]=\"contextMenuEl.children.length === 0\"\n #contextMenuEl\n >\n <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n </div>\n </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n <div class=\"sky-repeater-item-right\" #itemHeaderRef>\n <div\n class=\"sky-repeater-item-header\"\n [hidden]=\"titleRef.children.length === 0\"\n (click)=\"headerClick()\"\n >\n <div class=\"sky-repeater-item-title sky-emphasized\" #titleRef>\n <ng-content select=\"sky-repeater-item-title\"></ng-content>\n </div>\n <button\n *ngIf=\"reorderable\"\n class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_repeater_item_reorder_top_label' | skyLibResources\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-circle-up\"></sky-icon>\n {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n </button>\n <div *ngIf=\"isCollapsible\" class=\"sky-repeater-item-chevron\">\n <sky-chevron\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"isExpanded\"\n [direction]=\"isExpanded ? 'up' : 'down'\"\n (directionChange)=\"chevronDirectionChange($event)\"\n >\n </sky-chevron>\n </div>\n <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n <div\n *ngIf=\"!isCollapsible && !contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder\"\n ></div>\n <!-- Used to ensure that the right side is the same height as the left.-->\n <div\n *ngIf=\"contextMenu\"\n class=\"sky-repeater-item-chevron-placeholder-with-context\"\n ></div>\n </div>\n <div\n class=\"sky-repeater-item-content\"\n [id]=\"contentId\"\n [@skyAnimationSlide]=\"slideDirection\"\n #itemContentRef\n >\n <ng-content select=\"sky-repeater-item-content\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
|
|
1559
1554
|
animations: [animations.skyAnimationSlide],
|
|
1560
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
1555
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1561
1556
|
}]
|
|
1562
1557
|
}], ctorParameters: function () { return [{ type: SkyRepeaterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterAdapterService }, { type: i0__namespace.ElementRef }, { type: i4__namespace.SkyLibResourcesService }]; }, propDecorators: { inlineFormConfig: [{
|
|
1563
1558
|
type: i0.Input
|
|
@@ -1643,7 +1638,9 @@
|
|
|
1643
1638
|
.subscribe(function (item) {
|
|
1644
1639
|
if (_this.expandMode === 'single' && item.isExpanded) {
|
|
1645
1640
|
_this.items.forEach(function (otherItem) {
|
|
1646
|
-
if (otherItem !== item &&
|
|
1641
|
+
if (otherItem !== item &&
|
|
1642
|
+
otherItem.isExpanded &&
|
|
1643
|
+
otherItem.isCollapsible) {
|
|
1647
1644
|
otherItem.isExpanded = false;
|
|
1648
1645
|
}
|
|
1649
1646
|
});
|
|
@@ -1665,6 +1662,7 @@
|
|
|
1665
1662
|
this.repeaterService.repeaterGroupId = uniqueId;
|
|
1666
1663
|
this.updateForExpandMode();
|
|
1667
1664
|
this.adapterService.setRepeaterHost(this.elementRef);
|
|
1665
|
+
this.initializeDragAndDrop();
|
|
1668
1666
|
}
|
|
1669
1667
|
Object.defineProperty(SkyRepeaterComponent.prototype, "expandMode", {
|
|
1670
1668
|
get: function () {
|
|
@@ -1710,9 +1708,7 @@
|
|
|
1710
1708
|
});
|
|
1711
1709
|
// HACK: Not updating for expand mode in a timeout causes an error.
|
|
1712
1710
|
// https://github.com/angular/angular/issues/6005
|
|
1713
|
-
this.items.changes
|
|
1714
|
-
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
1715
|
-
.subscribe(function () {
|
|
1711
|
+
this.items.changes.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
|
|
1716
1712
|
setTimeout(function () {
|
|
1717
1713
|
if (!!_this.items.last) {
|
|
1718
1714
|
_this.updateForExpandMode(_this.items.last);
|
|
@@ -1734,16 +1730,14 @@
|
|
|
1734
1730
|
var _this = this;
|
|
1735
1731
|
if (changes['activeIndex']) {
|
|
1736
1732
|
this.repeaterService.enableActiveState = true;
|
|
1737
|
-
if (changes['activeIndex'].currentValue !==
|
|
1733
|
+
if (changes['activeIndex'].currentValue !==
|
|
1734
|
+
changes['activeIndex'].previousValue) {
|
|
1738
1735
|
this.repeaterService.activateItemByIndex(this.activeIndex);
|
|
1739
1736
|
}
|
|
1740
1737
|
}
|
|
1741
1738
|
if (changes.reorderable) {
|
|
1742
1739
|
if (this.items) {
|
|
1743
|
-
this.items.forEach(function (item) { return item.reorderable = _this.reorderable; });
|
|
1744
|
-
}
|
|
1745
|
-
if (this.reorderable) {
|
|
1746
|
-
this.initializeDragAndDrop();
|
|
1740
|
+
this.items.forEach(function (item) { return (item.reorderable = _this.reorderable); });
|
|
1747
1741
|
}
|
|
1748
1742
|
this.changeDetector.markForCheck();
|
|
1749
1743
|
}
|
|
@@ -1775,18 +1769,16 @@
|
|
|
1775
1769
|
};
|
|
1776
1770
|
SkyRepeaterComponent.prototype.initializeDragAndDrop = function () {
|
|
1777
1771
|
var _this = this;
|
|
1772
|
+
/* Sanity check that we haven't already set up dragging abilities */
|
|
1773
|
+
/* istanbul ignore else */
|
|
1778
1774
|
if (!this.dragulaService.find(this.dragulaGroupName)) {
|
|
1779
1775
|
this.dragulaService.setOptions(this.dragulaGroupName, {
|
|
1780
1776
|
moves: function (el, container, handle) {
|
|
1781
1777
|
var target = el.querySelector('.sky-repeater-item-grab-handle');
|
|
1782
|
-
return
|
|
1783
|
-
}
|
|
1778
|
+
return _this.reorderable && target && target.contains(handle);
|
|
1779
|
+
},
|
|
1784
1780
|
});
|
|
1785
1781
|
}
|
|
1786
|
-
// Reset the current dragula subscriptions.
|
|
1787
|
-
this.dragulaUnsubscribe.next();
|
|
1788
|
-
this.dragulaUnsubscribe.complete();
|
|
1789
|
-
this.dragulaUnsubscribe = new rxjs.Subject();
|
|
1790
1782
|
var draggedItemIndex;
|
|
1791
1783
|
this.dragulaService.drag
|
|
1792
1784
|
.pipe(operators.takeUntil(this.dragulaUnsubscribe))
|
|
@@ -1820,6 +1812,8 @@
|
|
|
1820
1812
|
this.dragulaUnsubscribe.next();
|
|
1821
1813
|
this.dragulaUnsubscribe.complete();
|
|
1822
1814
|
this.dragulaUnsubscribe = undefined;
|
|
1815
|
+
/* Sanity check that we have set up dragging abilities */
|
|
1816
|
+
/* istanbul ignore else */
|
|
1823
1817
|
if (this.dragulaService.find(this.dragulaGroupName)) {
|
|
1824
1818
|
this.dragulaService.destroy(this.dragulaGroupName);
|
|
1825
1819
|
}
|
|
@@ -1840,18 +1834,18 @@
|
|
|
1840
1834
|
};
|
|
1841
1835
|
return SkyRepeaterComponent;
|
|
1842
1836
|
}());
|
|
1843
|
-
SkyRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1844
|
-
SkyRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1845
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1837
|
+
SkyRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyRepeaterService }, { token: SkyRepeaterAdapterService }, { token: i3__namespace$1.DragulaService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1838
|
+
SkyRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRepeaterComponent, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n role=\"listbox\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n [dragula]=\"dragulaGroupName\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], directives: [{ type: i3__namespace$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1839
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterComponent, decorators: [{
|
|
1846
1840
|
type: i0.Component,
|
|
1847
1841
|
args: [{
|
|
1848
1842
|
selector: 'sky-repeater',
|
|
1849
|
-
|
|
1850
|
-
|
|
1843
|
+
styles: [".sky-repeater{padding:0}\n"],
|
|
1844
|
+
template: "<ng-container #repeaterHost>\n <div\n class=\"sky-repeater\"\n role=\"listbox\"\n [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n [dragula]=\"dragulaGroupName\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n",
|
|
1851
1845
|
providers: [SkyRepeaterService, SkyRepeaterAdapterService],
|
|
1852
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1846
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1853
1847
|
}]
|
|
1854
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterService }, { type: SkyRepeaterAdapterService }, { type: i3__namespace.DragulaService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { activeIndex: [{
|
|
1848
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterService }, { type: SkyRepeaterAdapterService }, { type: i3__namespace$1.DragulaService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { activeIndex: [{
|
|
1855
1849
|
type: i0.Input
|
|
1856
1850
|
}], ariaLabel: [{
|
|
1857
1851
|
type: i0.Input
|
|
@@ -1876,13 +1870,13 @@
|
|
|
1876
1870
|
}
|
|
1877
1871
|
return SkyRepeaterItemTitleComponent;
|
|
1878
1872
|
}());
|
|
1879
|
-
SkyRepeaterItemTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1880
|
-
SkyRepeaterItemTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1881
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1873
|
+
SkyRepeaterItemTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1874
|
+
SkyRepeaterItemTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRepeaterItemTitleComponent, selector: "sky-repeater-item-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1875
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, decorators: [{
|
|
1882
1876
|
type: i0.Component,
|
|
1883
1877
|
args: [{
|
|
1884
1878
|
selector: 'sky-repeater-item-title',
|
|
1885
|
-
|
|
1879
|
+
template: "<ng-content></ng-content>\n",
|
|
1886
1880
|
}]
|
|
1887
1881
|
}] });
|
|
1888
1882
|
|
|
@@ -1891,32 +1885,32 @@
|
|
|
1891
1885
|
}
|
|
1892
1886
|
return SkyRepeaterModule;
|
|
1893
1887
|
}());
|
|
1894
|
-
SkyRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1895
|
-
SkyRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1888
|
+
SkyRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1889
|
+
SkyRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterModule, declarations: [SkyRepeaterComponent,
|
|
1896
1890
|
SkyRepeaterItemComponent,
|
|
1897
1891
|
SkyRepeaterItemContentComponent,
|
|
1898
1892
|
SkyRepeaterItemContextMenuComponent,
|
|
1899
|
-
SkyRepeaterItemTitleComponent], imports: [i2
|
|
1900
|
-
i3.DragulaModule,
|
|
1901
|
-
|
|
1893
|
+
SkyRepeaterItemTitleComponent], imports: [i2.CommonModule,
|
|
1894
|
+
i3$1.DragulaModule,
|
|
1895
|
+
i1.SkyChevronModule,
|
|
1902
1896
|
i6.SkyCheckboxModule,
|
|
1903
|
-
|
|
1897
|
+
i1.SkyIconModule,
|
|
1904
1898
|
i4$1.SkyInlineFormModule,
|
|
1905
1899
|
SkyListsResourcesModule], exports: [SkyRepeaterComponent,
|
|
1906
1900
|
SkyRepeaterItemComponent,
|
|
1907
1901
|
SkyRepeaterItemContentComponent,
|
|
1908
1902
|
SkyRepeaterItemContextMenuComponent,
|
|
1909
1903
|
SkyRepeaterItemTitleComponent] });
|
|
1910
|
-
SkyRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1911
|
-
i2
|
|
1912
|
-
i3.DragulaModule,
|
|
1913
|
-
|
|
1904
|
+
SkyRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterModule, imports: [[
|
|
1905
|
+
i2.CommonModule,
|
|
1906
|
+
i3$1.DragulaModule,
|
|
1907
|
+
i1.SkyChevronModule,
|
|
1914
1908
|
i6.SkyCheckboxModule,
|
|
1915
|
-
|
|
1909
|
+
i1.SkyIconModule,
|
|
1916
1910
|
i4$1.SkyInlineFormModule,
|
|
1917
|
-
SkyListsResourcesModule
|
|
1911
|
+
SkyListsResourcesModule,
|
|
1918
1912
|
]] });
|
|
1919
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1913
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRepeaterModule, decorators: [{
|
|
1920
1914
|
type: i0.NgModule,
|
|
1921
1915
|
args: [{
|
|
1922
1916
|
declarations: [
|
|
@@ -1924,24 +1918,24 @@
|
|
|
1924
1918
|
SkyRepeaterItemComponent,
|
|
1925
1919
|
SkyRepeaterItemContentComponent,
|
|
1926
1920
|
SkyRepeaterItemContextMenuComponent,
|
|
1927
|
-
SkyRepeaterItemTitleComponent
|
|
1921
|
+
SkyRepeaterItemTitleComponent,
|
|
1928
1922
|
],
|
|
1929
1923
|
imports: [
|
|
1930
|
-
i2
|
|
1931
|
-
i3.DragulaModule,
|
|
1932
|
-
|
|
1924
|
+
i2.CommonModule,
|
|
1925
|
+
i3$1.DragulaModule,
|
|
1926
|
+
i1.SkyChevronModule,
|
|
1933
1927
|
i6.SkyCheckboxModule,
|
|
1934
|
-
|
|
1928
|
+
i1.SkyIconModule,
|
|
1935
1929
|
i4$1.SkyInlineFormModule,
|
|
1936
|
-
SkyListsResourcesModule
|
|
1930
|
+
SkyListsResourcesModule,
|
|
1937
1931
|
],
|
|
1938
1932
|
exports: [
|
|
1939
1933
|
SkyRepeaterComponent,
|
|
1940
1934
|
SkyRepeaterItemComponent,
|
|
1941
1935
|
SkyRepeaterItemContentComponent,
|
|
1942
1936
|
SkyRepeaterItemContextMenuComponent,
|
|
1943
|
-
SkyRepeaterItemTitleComponent
|
|
1944
|
-
]
|
|
1937
|
+
SkyRepeaterItemTitleComponent,
|
|
1938
|
+
],
|
|
1945
1939
|
}]
|
|
1946
1940
|
}] });
|
|
1947
1941
|
|
|
@@ -1957,9 +1951,9 @@
|
|
|
1957
1951
|
};
|
|
1958
1952
|
return SkySortService;
|
|
1959
1953
|
}());
|
|
1960
|
-
SkySortService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1961
|
-
SkySortService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1962
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1954
|
+
SkySortService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1955
|
+
SkySortService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortService });
|
|
1956
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortService, decorators: [{
|
|
1963
1957
|
type: i0.Injectable
|
|
1964
1958
|
}] });
|
|
1965
1959
|
|
|
@@ -1988,9 +1982,10 @@
|
|
|
1988
1982
|
}
|
|
1989
1983
|
};
|
|
1990
1984
|
SkySortItemComponent.prototype.ngOnChanges = function (changes) {
|
|
1991
|
-
if (changes &&
|
|
1992
|
-
|
|
1993
|
-
|
|
1985
|
+
if (changes &&
|
|
1986
|
+
changes['active'] &&
|
|
1987
|
+
changes['active'].currentValue &&
|
|
1988
|
+
changes['active'].currentValue !== changes['active'].previousValue) {
|
|
1994
1989
|
this.sortService.selectItem(this.sortItemId);
|
|
1995
1990
|
}
|
|
1996
1991
|
};
|
|
@@ -2007,15 +2002,15 @@
|
|
|
2007
2002
|
};
|
|
2008
2003
|
return SkySortItemComponent;
|
|
2009
2004
|
}());
|
|
2010
|
-
SkySortItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2011
|
-
SkySortItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2012
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2005
|
+
SkySortItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2006
|
+
SkySortItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0__namespace, 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-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content></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,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:#686c73}.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 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;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){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;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:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);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 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;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){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);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"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2007
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortItemComponent, decorators: [{
|
|
2013
2008
|
type: i0.Component,
|
|
2014
2009
|
args: [{
|
|
2015
2010
|
selector: 'sky-sort-item',
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2011
|
+
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,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled],
|
|
2012
|
+
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-emphasized': (isSelected | async) }\"\n (click)=\"itemClicked()\"\n >\n <ng-content></ng-content>\n </button>\n</div>\n",
|
|
2013
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2019
2014
|
}]
|
|
2020
2015
|
}], ctorParameters: function () { return [{ type: SkySortService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { active: [{
|
|
2021
2016
|
type: i0.Input
|
|
@@ -2028,62 +2023,44 @@
|
|
|
2028
2023
|
}
|
|
2029
2024
|
return SkySortMenuHeadingComponent;
|
|
2030
2025
|
}());
|
|
2031
|
-
SkySortMenuHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2032
|
-
SkySortMenuHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2033
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2026
|
+
SkySortMenuHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortMenuHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2027
|
+
SkySortMenuHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0__namespace, 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{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;transition:background-color .15s;padding:3px 20px;text-align:left;width:100%}:host-context(.sky-theme-modern) .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}.sky-theme-modern .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}\n"], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe } });
|
|
2028
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortMenuHeadingComponent, decorators: [{
|
|
2034
2029
|
type: i0.Component,
|
|
2035
2030
|
args: [{
|
|
2036
2031
|
selector: 'sky-sort-menu-heading',
|
|
2037
|
-
|
|
2038
|
-
|
|
2032
|
+
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",
|
|
2033
|
+
styles: [".sky-sort-menu-heading{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;transition:background-color .15s;padding:3px 20px;text-align:left;width:100%}:host-context(.sky-theme-modern) .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}.sky-theme-modern .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}\n"],
|
|
2039
2034
|
}]
|
|
2040
2035
|
}] });
|
|
2041
2036
|
|
|
2042
2037
|
var SkySortComponent = /** @class */ (function () {
|
|
2043
|
-
function SkySortComponent(
|
|
2044
|
-
this.themeSvc = themeSvc;
|
|
2045
|
-
this.changeDetector = changeDetector;
|
|
2038
|
+
function SkySortComponent() {
|
|
2046
2039
|
/**
|
|
2047
2040
|
* Indicates whether to display a "Sort" label beside the icon on the sort button.
|
|
2048
2041
|
*/
|
|
2049
2042
|
this.showButtonText = false;
|
|
2050
2043
|
this.dropdownController = new rxjs.Subject();
|
|
2051
2044
|
}
|
|
2052
|
-
SkySortComponent.prototype.ngOnInit = function () {
|
|
2053
|
-
var _this = this;
|
|
2054
|
-
var _a;
|
|
2055
|
-
(_a = this.themeSvc) === null || _a === void 0 ? void 0 : _a.settingsChange.subscribe(function () {
|
|
2056
|
-
// Push changes b/c SkyDropdownComponent uses ChangeDetectionStrategy.OnPush
|
|
2057
|
-
_this.changeDetector.markForCheck();
|
|
2058
|
-
});
|
|
2059
|
-
};
|
|
2060
2045
|
SkySortComponent.prototype.dropdownClicked = function () {
|
|
2061
2046
|
this.dropdownController.next({
|
|
2062
|
-
type:
|
|
2047
|
+
type: i1$2.SkyDropdownMessageType.Close,
|
|
2063
2048
|
});
|
|
2064
2049
|
};
|
|
2065
2050
|
return SkySortComponent;
|
|
2066
2051
|
}());
|
|
2067
|
-
SkySortComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2068
|
-
SkySortComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2069
|
-
|
|
2070
|
-
], ngImport: i0__namespace, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"'skyux_sort_button_label' | skyLibResources\"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\">\n <sky-dropdown-button>\n <sky-icon *skyThemeIf=\"'default'\"\n icon=\"sort\"\n ></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\"\n icon=\"sort\"\n iconType=\"skyux\"\n ></sky-icon>\n <span\n *ngIf=\"showButtonText\"\n 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\">\n </div>\n <ng-content></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 .sky-sort ::ng-deep .sky-dropdown-caret{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}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}: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}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i2__namespace$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2__namespace$2.λ2, selector: "sky-dropdown-button" }, { type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2__namespace$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }], directives: [{ type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2071
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkySortComponent, decorators: [{
|
|
2052
|
+
SkySortComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2053
|
+
SkySortComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkySortComponent, selector: "sky-sort", inputs: { showButtonText: "showButtonText" }, providers: [SkySortService], ngImport: i0__namespace, template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"'skyux_sort_button_label' | skyLibResources\"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\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></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 .sky-sort ::ng-deep .sky-dropdown-caret{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}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}: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}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1__namespace$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i1__namespace$2.λ2, selector: "sky-dropdown-button" }, { type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i1__namespace$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }], directives: [{ type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2054
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortComponent, decorators: [{
|
|
2072
2055
|
type: i0.Component,
|
|
2073
2056
|
args: [{
|
|
2074
2057
|
selector: 'sky-sort',
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
providers: [
|
|
2078
|
-
|
|
2079
|
-
],
|
|
2080
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2058
|
+
styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host .sky-sort ::ng-deep .sky-dropdown-caret{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}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}: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}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"],
|
|
2059
|
+
template: "<div class=\"sky-sort\">\n <sky-dropdown\n buttonType=\"select\"\n [label]=\"'skyux_sort_button_label' | skyLibResources\"\n [messageStream]=\"dropdownController\"\n [title]=\"'skyux_sort_button_label' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\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></ng-content>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n",
|
|
2060
|
+
providers: [SkySortService],
|
|
2061
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2081
2062
|
}]
|
|
2082
|
-
}],
|
|
2083
|
-
return [{ type: i1__namespace.SkyThemeService, decorators: [{
|
|
2084
|
-
type: i0.Optional
|
|
2085
|
-
}] }, { type: i0__namespace.ChangeDetectorRef }];
|
|
2086
|
-
}, propDecorators: { showButtonText: [{
|
|
2063
|
+
}], propDecorators: { showButtonText: [{
|
|
2087
2064
|
type: i0.Input
|
|
2088
2065
|
}] } });
|
|
2089
2066
|
|
|
@@ -2092,44 +2069,40 @@
|
|
|
2092
2069
|
}
|
|
2093
2070
|
return SkySortModule;
|
|
2094
2071
|
}());
|
|
2095
|
-
SkySortModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2096
|
-
SkySortModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2072
|
+
SkySortModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2073
|
+
SkySortModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortModule, declarations: [SkySortComponent,
|
|
2097
2074
|
SkySortItemComponent,
|
|
2098
|
-
SkySortMenuHeadingComponent], imports: [i2
|
|
2099
|
-
|
|
2100
|
-
|
|
2075
|
+
SkySortMenuHeadingComponent], imports: [i2.CommonModule,
|
|
2076
|
+
i1$2.SkyDropdownModule,
|
|
2077
|
+
i1.SkyIconModule,
|
|
2101
2078
|
i1$1.SkyIdModule,
|
|
2102
2079
|
SkyListsResourcesModule,
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
i2.SkyIconModule,
|
|
2080
|
+
i3.SkyThemeModule], exports: [SkySortComponent, SkySortItemComponent] });
|
|
2081
|
+
SkySortModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortModule, imports: [[
|
|
2082
|
+
i2.CommonModule,
|
|
2083
|
+
i1$2.SkyDropdownModule,
|
|
2084
|
+
i1.SkyIconModule,
|
|
2109
2085
|
i1$1.SkyIdModule,
|
|
2110
2086
|
SkyListsResourcesModule,
|
|
2111
|
-
|
|
2087
|
+
i3.SkyThemeModule,
|
|
2112
2088
|
]] });
|
|
2113
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2089
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkySortModule, decorators: [{
|
|
2114
2090
|
type: i0.NgModule,
|
|
2115
2091
|
args: [{
|
|
2116
2092
|
declarations: [
|
|
2117
2093
|
SkySortComponent,
|
|
2118
2094
|
SkySortItemComponent,
|
|
2119
|
-
SkySortMenuHeadingComponent
|
|
2095
|
+
SkySortMenuHeadingComponent,
|
|
2120
2096
|
],
|
|
2121
2097
|
imports: [
|
|
2122
|
-
i2
|
|
2123
|
-
|
|
2124
|
-
|
|
2098
|
+
i2.CommonModule,
|
|
2099
|
+
i1$2.SkyDropdownModule,
|
|
2100
|
+
i1.SkyIconModule,
|
|
2125
2101
|
i1$1.SkyIdModule,
|
|
2126
2102
|
SkyListsResourcesModule,
|
|
2127
|
-
|
|
2103
|
+
i3.SkyThemeModule,
|
|
2128
2104
|
],
|
|
2129
|
-
exports: [
|
|
2130
|
-
SkySortComponent,
|
|
2131
|
-
SkySortItemComponent
|
|
2132
|
-
]
|
|
2105
|
+
exports: [SkySortComponent, SkySortItemComponent],
|
|
2133
2106
|
}]
|
|
2134
2107
|
}] });
|
|
2135
2108
|
|
|
@@ -2142,22 +2115,22 @@
|
|
|
2142
2115
|
exports.SkyPagingModule = SkyPagingModule;
|
|
2143
2116
|
exports.SkyRepeaterModule = SkyRepeaterModule;
|
|
2144
2117
|
exports.SkySortModule = SkySortModule;
|
|
2145
|
-
exports
|
|
2146
|
-
exports
|
|
2147
|
-
exports
|
|
2148
|
-
exports
|
|
2149
|
-
exports
|
|
2150
|
-
exports
|
|
2151
|
-
exports
|
|
2152
|
-
exports
|
|
2153
|
-
exports
|
|
2154
|
-
exports
|
|
2155
|
-
exports
|
|
2156
|
-
exports
|
|
2157
|
-
exports
|
|
2158
|
-
exports
|
|
2118
|
+
exports["λ1"] = SkyFilterButtonComponent;
|
|
2119
|
+
exports["λ10"] = SkyRepeaterItemComponent;
|
|
2120
|
+
exports["λ11"] = SkyRepeaterComponent;
|
|
2121
|
+
exports["λ12"] = SkyRepeaterItemTitleComponent;
|
|
2122
|
+
exports["λ13"] = SkySortItemComponent;
|
|
2123
|
+
exports["λ14"] = SkySortComponent;
|
|
2124
|
+
exports["λ2"] = SkyFilterInlineComponent;
|
|
2125
|
+
exports["λ3"] = SkyFilterInlineItemComponent;
|
|
2126
|
+
exports["λ4"] = SkyFilterSummaryItemComponent;
|
|
2127
|
+
exports["λ5"] = SkyFilterSummaryComponent;
|
|
2128
|
+
exports["λ6"] = SkyInfiniteScrollComponent;
|
|
2129
|
+
exports["λ7"] = SkyPagingComponent;
|
|
2130
|
+
exports["λ8"] = SkyRepeaterItemContentComponent;
|
|
2131
|
+
exports["λ9"] = SkyRepeaterItemContextMenuComponent;
|
|
2159
2132
|
|
|
2160
2133
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2161
2134
|
|
|
2162
|
-
}))
|
|
2135
|
+
}));
|
|
2163
2136
|
//# sourceMappingURL=skyux-lists.umd.js.map
|