@skyux/lists 5.5.0-alpha.0 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/bundles/skyux-lists.umd.js +551 -551
  2. package/documentation.json +74 -74
  3. package/esm2015/lib/modules/filter/filter-button.component.js.map +1 -1
  4. package/esm2015/lib/modules/filter/filter.module.js +1 -1
  5. package/esm2015/lib/modules/filter/filter.module.js.map +1 -1
  6. package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js +1 -1
  7. package/esm2015/lib/modules/infinite-scroll/infinite-scroll-dom-adapter.service.js.map +1 -1
  8. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.component.js.map +1 -1
  9. package/esm2015/lib/modules/infinite-scroll/infinite-scroll.module.js.map +1 -1
  10. package/esm2015/lib/modules/paging/paging.component.js +4 -4
  11. package/esm2015/lib/modules/paging/paging.component.js.map +1 -1
  12. package/esm2015/lib/modules/paging/paging.module.js.map +1 -1
  13. package/esm2015/lib/modules/repeater/repeater-adapter.service.js +1 -1
  14. package/esm2015/lib/modules/repeater/repeater-adapter.service.js.map +1 -1
  15. package/esm2015/lib/modules/repeater/repeater-item.component.js +1 -1
  16. package/esm2015/lib/modules/repeater/repeater-item.component.js.map +1 -1
  17. package/esm2015/lib/modules/repeater/repeater.component.js +5 -5
  18. package/esm2015/lib/modules/repeater/repeater.component.js.map +1 -1
  19. package/esm2015/lib/modules/repeater/repeater.module.js +3 -3
  20. package/esm2015/lib/modules/repeater/repeater.module.js.map +1 -1
  21. package/esm2015/lib/modules/shared/sky-lists-resources.module.js +1 -1
  22. package/esm2015/lib/modules/shared/sky-lists-resources.module.js.map +1 -1
  23. package/esm2015/lib/modules/sort/sort-item.component.js.map +1 -1
  24. package/esm2015/lib/modules/sort/sort.component.js +1 -1
  25. package/esm2015/lib/modules/sort/sort.component.js.map +1 -1
  26. package/esm2015/lib/modules/sort/sort.module.js.map +1 -1
  27. package/esm2015/testing/filter/filter-fixture-button.js.map +1 -1
  28. package/esm2015/testing/filter/filter-fixture-summary.js.map +1 -1
  29. package/esm2015/testing/filter/filter-testing.module.js.map +1 -1
  30. package/esm2015/testing/infinite-scroll/infinite-scroll-fixture.js.map +1 -1
  31. package/esm2015/testing/infinite-scroll/infinite-scroll-testing.module.js.map +1 -1
  32. package/esm2015/testing/paging/paging-fixture.js.map +1 -1
  33. package/esm2015/testing/paging/paging-testing.module.js.map +1 -1
  34. package/esm2015/testing/sort/sort-fixture.js.map +1 -1
  35. package/esm2015/testing/sort/sort-testing.module.js.map +1 -1
  36. package/fesm2015/skyux-lists-testing.js.map +1 -1
  37. package/fesm2015/skyux-lists.js +73 -73
  38. package/fesm2015/skyux-lists.js.map +1 -1
  39. package/lib/modules/repeater/repeater.component.d.ts +1 -1
  40. package/lib/modules/sort/sort.component.d.ts +1 -1
  41. package/package.json +23 -9
@@ -182,25 +182,6 @@
182
182
  type: i0.Output
183
183
  }] } });
184
184
 
185
- /**
186
- * Specifies a wrapper for the inline filters.
187
- */
188
- var SkyFilterInlineComponent = /** @class */ (function () {
189
- function SkyFilterInlineComponent() {
190
- }
191
- return SkyFilterInlineComponent;
192
- }());
193
- SkyFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
194
- SkyFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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"] });
195
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, decorators: [{
196
- type: i0.Component,
197
- args: [{
198
- selector: 'sky-filter-inline',
199
- styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"],
200
- template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n",
201
- }]
202
- }] });
203
-
204
185
  /**
205
186
  * Specifies an inline filter.
206
187
  */
@@ -220,6 +201,25 @@
220
201
  }]
221
202
  }] });
222
203
 
204
+ /**
205
+ * Specifies a wrapper for the inline filters.
206
+ */
207
+ var SkyFilterInlineComponent = /** @class */ (function () {
208
+ function SkyFilterInlineComponent() {
209
+ }
210
+ return SkyFilterInlineComponent;
211
+ }());
212
+ SkyFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
213
+ SkyFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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"] });
214
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, decorators: [{
215
+ type: i0.Component,
216
+ args: [{
217
+ selector: 'sky-filter-inline',
218
+ styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"],
219
+ template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n <ng-content></ng-content>\n</div>\n",
220
+ }]
221
+ }] });
222
+
223
223
  /**
224
224
  * Specifies a filter that was applied.
225
225
  */
@@ -723,446 +723,146 @@
723
723
  }]
724
724
  }] });
725
725
 
726
- /*! *****************************************************************************
727
- Copyright (c) Microsoft Corporation.
726
+ /**
727
+ * Displays content text when the repeater is expanded.
728
+ */
729
+ var SkyRepeaterItemContentComponent = /** @class */ (function () {
730
+ function SkyRepeaterItemContentComponent() {
731
+ }
732
+ return SkyRepeaterItemContentComponent;
733
+ }());
734
+ SkyRepeaterItemContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
735
+ SkyRepeaterItemContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContentComponent, selector: "sky-repeater-item-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
736
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, decorators: [{
737
+ type: i0.Component,
738
+ args: [{
739
+ selector: 'sky-repeater-item-content',
740
+ template: "<ng-content></ng-content>\n",
741
+ }]
742
+ }] });
728
743
 
729
- Permission to use, copy, modify, and/or distribute this software for any
730
- purpose with or without fee is hereby granted.
744
+ /**
745
+ * Wraps and styles a
746
+ * [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
747
+ */
748
+ /* istanbul ignore next */
749
+ /* Code coverage having problems with no statements in classes */
750
+ var SkyRepeaterItemContextMenuComponent = /** @class */ (function () {
751
+ function SkyRepeaterItemContextMenuComponent() {
752
+ }
753
+ return SkyRepeaterItemContextMenuComponent;
754
+ }());
755
+ SkyRepeaterItemContextMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
756
+ SkyRepeaterItemContextMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContextMenuComponent, selector: "sky-repeater-item-context-menu", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
757
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, decorators: [{
758
+ type: i0.Component,
759
+ args: [{
760
+ selector: 'sky-repeater-item-context-menu',
761
+ template: "<ng-content></ng-content>\n",
762
+ }]
763
+ }] });
731
764
 
732
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
733
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
734
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
735
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
736
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
737
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
738
- PERFORMANCE OF THIS SOFTWARE.
739
- ***************************************************************************** */
740
- /* global Reflect, Promise */
741
- var extendStatics = function (d, b) {
742
- extendStatics = Object.setPrototypeOf ||
743
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
744
- function (d, b) { for (var p in b)
745
- if (Object.prototype.hasOwnProperty.call(b, p))
746
- d[p] = b[p]; };
747
- return extendStatics(d, b);
748
- };
749
- function __extends(d, b) {
750
- if (typeof b !== "function" && b !== null)
751
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
752
- extendStatics(d, b);
753
- function __() { this.constructor = d; }
754
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
755
- }
756
- var __assign = function () {
757
- __assign = Object.assign || function __assign(t) {
758
- for (var s, i = 1, n = arguments.length; i < n; i++) {
759
- s = arguments[i];
760
- for (var p in s)
761
- if (Object.prototype.hasOwnProperty.call(s, p))
762
- t[p] = s[p];
763
- }
764
- return t;
765
+ /**
766
+ * Displays a header inside the repeater item.
767
+ */
768
+ var SkyRepeaterItemTitleComponent = /** @class */ (function () {
769
+ function SkyRepeaterItemTitleComponent() {
770
+ }
771
+ return SkyRepeaterItemTitleComponent;
772
+ }());
773
+ SkyRepeaterItemTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
774
+ SkyRepeaterItemTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemTitleComponent, selector: "sky-repeater-item-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
775
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, decorators: [{
776
+ type: i0.Component,
777
+ args: [{
778
+ selector: 'sky-repeater-item-title',
779
+ template: "<ng-content></ng-content>\n",
780
+ }]
781
+ }] });
782
+
783
+ /**
784
+ * @internal
785
+ */
786
+ var SkyRepeaterService = /** @class */ (function () {
787
+ function SkyRepeaterService() {
788
+ this.activeItemChange = new rxjs.BehaviorSubject(undefined);
789
+ this.activeItemIndexChange = new rxjs.BehaviorSubject(undefined);
790
+ this.enableActiveState = false;
791
+ this.itemCollapseStateChange = new i0.EventEmitter();
792
+ this.items = [];
793
+ this.orderChange = new rxjs.BehaviorSubject(undefined);
794
+ }
795
+ SkyRepeaterService.prototype.ngOnDestroy = function () {
796
+ this.activeItemChange.complete();
797
+ this.itemCollapseStateChange.complete();
798
+ this.orderChange.complete();
765
799
  };
766
- return __assign.apply(this, arguments);
767
- };
768
- function __rest(s, e) {
769
- var t = {};
770
- for (var p in s)
771
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
772
- t[p] = s[p];
773
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
774
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
775
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
776
- t[p[i]] = s[p[i]];
800
+ SkyRepeaterService.prototype.activateItem = function (item) {
801
+ if (this.enableActiveState) {
802
+ /* istanbul ignore else */
803
+ if (item) {
804
+ var index = this.items.findIndex(function (i) { return i === item; });
805
+ this.activeItemIndexChange.next(index);
806
+ this.activeItemChange.next(item);
807
+ }
777
808
  }
778
- return t;
779
- }
780
- function __decorate(decorators, target, key, desc) {
781
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
782
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
783
- r = Reflect.decorate(decorators, target, key, desc);
784
- else
785
- for (var i = decorators.length - 1; i >= 0; i--)
786
- if (d = decorators[i])
787
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
788
- return c > 3 && r && Object.defineProperty(target, key, r), r;
789
- }
790
- function __param(paramIndex, decorator) {
791
- return function (target, key) { decorator(target, key, paramIndex); };
792
- }
793
- function __metadata(metadataKey, metadataValue) {
794
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
795
- return Reflect.metadata(metadataKey, metadataValue);
796
- }
797
- function __awaiter(thisArg, _arguments, P, generator) {
798
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
799
- return new (P || (P = Promise))(function (resolve, reject) {
800
- function fulfilled(value) { try {
801
- step(generator.next(value));
809
+ };
810
+ SkyRepeaterService.prototype.activateItemByIndex = function (index) {
811
+ /* istanbul ignore else */
812
+ if (this.enableActiveState) {
813
+ if (index === undefined) {
814
+ this.activeItemChange.next(undefined);
815
+ }
816
+ else {
817
+ var activeItem = this.items[index];
818
+ if (activeItem) {
819
+ this.activeItemChange.next(activeItem);
820
+ }
821
+ }
802
822
  }
803
- catch (e) {
804
- reject(e);
805
- } }
806
- function rejected(value) { try {
807
- step(generator["throw"](value));
823
+ };
824
+ SkyRepeaterService.prototype.registerItem = function (item) {
825
+ this.items.push(item);
826
+ };
827
+ SkyRepeaterService.prototype.unregisterItem = function (item) {
828
+ var indexOfDestroyedItem = this.items.indexOf(item);
829
+ if (indexOfDestroyedItem > -1) {
830
+ this.items.splice(indexOfDestroyedItem, 1);
808
831
  }
809
- catch (e) {
810
- reject(e);
811
- } }
812
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
813
- step((generator = generator.apply(thisArg, _arguments || [])).next());
814
- });
815
- }
816
- function __generator(thisArg, body) {
817
- var _ = { label: 0, sent: function () { if (t[0] & 1)
818
- throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
819
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
820
- function verb(n) { return function (v) { return step([n, v]); }; }
821
- function step(op) {
822
- if (f)
823
- throw new TypeError("Generator is already executing.");
824
- while (_)
825
- try {
826
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
827
- return t;
828
- if (y = 0, t)
829
- op = [op[0] & 2, t.value];
830
- switch (op[0]) {
831
- case 0:
832
- case 1:
833
- t = op;
834
- break;
835
- case 4:
836
- _.label++;
837
- return { value: op[1], done: false };
838
- case 5:
839
- _.label++;
840
- y = op[1];
841
- op = [0];
842
- continue;
843
- case 7:
844
- op = _.ops.pop();
845
- _.trys.pop();
846
- continue;
847
- default:
848
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
849
- _ = 0;
850
- continue;
851
- }
852
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
853
- _.label = op[1];
854
- break;
855
- }
856
- if (op[0] === 6 && _.label < t[1]) {
857
- _.label = t[1];
858
- t = op;
859
- break;
860
- }
861
- if (t && _.label < t[2]) {
862
- _.label = t[2];
863
- _.ops.push(op);
864
- break;
865
- }
866
- if (t[2])
867
- _.ops.pop();
868
- _.trys.pop();
869
- continue;
870
- }
871
- op = body.call(thisArg, _);
872
- }
873
- catch (e) {
874
- op = [6, e];
875
- y = 0;
876
- }
877
- finally {
878
- f = t = 0;
879
- }
880
- if (op[0] & 5)
881
- throw op[1];
882
- return { value: op[0] ? op[1] : void 0, done: true };
883
- }
884
- }
885
- var __createBinding = Object.create ? (function (o, m, k, k2) {
886
- if (k2 === undefined)
887
- k2 = k;
888
- Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
889
- }) : (function (o, m, k, k2) {
890
- if (k2 === undefined)
891
- k2 = k;
892
- o[k2] = m[k];
893
- });
894
- function __exportStar(m, o) {
895
- for (var p in m)
896
- if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
897
- __createBinding(o, m, p);
898
- }
899
- function __values(o) {
900
- var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
901
- if (m)
902
- return m.call(o);
903
- if (o && typeof o.length === "number")
904
- return {
905
- next: function () {
906
- if (o && i >= o.length)
907
- o = void 0;
908
- return { value: o && o[i++], done: !o };
909
- }
910
- };
911
- throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
912
- }
913
- function __read(o, n) {
914
- var m = typeof Symbol === "function" && o[Symbol.iterator];
915
- if (!m)
916
- return o;
917
- var i = m.call(o), r, ar = [], e;
918
- try {
919
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
920
- ar.push(r.value);
921
- }
922
- catch (error) {
923
- e = { error: error };
924
- }
925
- finally {
926
- try {
927
- if (r && !r.done && (m = i["return"]))
928
- m.call(i);
929
- }
930
- finally {
931
- if (e)
932
- throw e.error;
933
- }
934
- }
935
- return ar;
936
- }
937
- /** @deprecated */
938
- function __spread() {
939
- for (var ar = [], i = 0; i < arguments.length; i++)
940
- ar = ar.concat(__read(arguments[i]));
941
- return ar;
942
- }
943
- /** @deprecated */
944
- function __spreadArrays() {
945
- for (var s = 0, i = 0, il = arguments.length; i < il; i++)
946
- s += arguments[i].length;
947
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
948
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
949
- r[k] = a[j];
950
- return r;
951
- }
952
- function __spreadArray(to, from, pack) {
953
- if (pack || arguments.length === 2)
954
- for (var i = 0, l = from.length, ar; i < l; i++) {
955
- if (ar || !(i in from)) {
956
- if (!ar)
957
- ar = Array.prototype.slice.call(from, 0, i);
958
- ar[i] = from[i];
959
- }
960
- }
961
- return to.concat(ar || Array.prototype.slice.call(from));
962
- }
963
- function __await(v) {
964
- return this instanceof __await ? (this.v = v, this) : new __await(v);
965
- }
966
- function __asyncGenerator(thisArg, _arguments, generator) {
967
- if (!Symbol.asyncIterator)
968
- throw new TypeError("Symbol.asyncIterator is not defined.");
969
- var g = generator.apply(thisArg, _arguments || []), i, q = [];
970
- return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
971
- function verb(n) { if (g[n])
972
- i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
973
- function resume(n, v) { try {
974
- step(g[n](v));
975
- }
976
- catch (e) {
977
- settle(q[0][3], e);
978
- } }
979
- function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
980
- function fulfill(value) { resume("next", value); }
981
- function reject(value) { resume("throw", value); }
982
- function settle(f, v) { if (f(v), q.shift(), q.length)
983
- resume(q[0][0], q[0][1]); }
984
- }
985
- function __asyncDelegator(o) {
986
- var i, p;
987
- return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
988
- function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
989
- }
990
- function __asyncValues(o) {
991
- if (!Symbol.asyncIterator)
992
- throw new TypeError("Symbol.asyncIterator is not defined.");
993
- var m = o[Symbol.asyncIterator], i;
994
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
995
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
996
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
997
- }
998
- function __makeTemplateObject(cooked, raw) {
999
- if (Object.defineProperty) {
1000
- Object.defineProperty(cooked, "raw", { value: raw });
1001
- }
1002
- else {
1003
- cooked.raw = raw;
1004
- }
1005
- return cooked;
1006
- }
1007
- ;
1008
- var __setModuleDefault = Object.create ? (function (o, v) {
1009
- Object.defineProperty(o, "default", { enumerable: true, value: v });
1010
- }) : function (o, v) {
1011
- o["default"] = v;
1012
- };
1013
- function __importStar(mod) {
1014
- if (mod && mod.__esModule)
1015
- return mod;
1016
- var result = {};
1017
- if (mod != null)
1018
- for (var k in mod)
1019
- if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
1020
- __createBinding(result, mod, k);
1021
- __setModuleDefault(result, mod);
1022
- return result;
1023
- }
1024
- function __importDefault(mod) {
1025
- return (mod && mod.__esModule) ? mod : { default: mod };
1026
- }
1027
- function __classPrivateFieldGet(receiver, state, kind, f) {
1028
- if (kind === "a" && !f)
1029
- throw new TypeError("Private accessor was defined without a getter");
1030
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
1031
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
1032
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
1033
- }
1034
- function __classPrivateFieldSet(receiver, state, value, kind, f) {
1035
- if (kind === "m")
1036
- throw new TypeError("Private method is not writable");
1037
- if (kind === "a" && !f)
1038
- throw new TypeError("Private accessor was defined without a setter");
1039
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
1040
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
1041
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
1042
- }
1043
-
1044
- /**
1045
- * Displays content text when the repeater is expanded.
1046
- */
1047
- var SkyRepeaterItemContentComponent = /** @class */ (function () {
1048
- function SkyRepeaterItemContentComponent() {
1049
- }
1050
- return SkyRepeaterItemContentComponent;
1051
- }());
1052
- SkyRepeaterItemContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1053
- SkyRepeaterItemContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContentComponent, selector: "sky-repeater-item-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
1054
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, decorators: [{
1055
- type: i0.Component,
1056
- args: [{
1057
- selector: 'sky-repeater-item-content',
1058
- template: "<ng-content></ng-content>\n",
1059
- }]
1060
- }] });
1061
-
1062
- /**
1063
- * Wraps and styles a
1064
- * [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
1065
- */
1066
- /* istanbul ignore next */
1067
- /* Code coverage having problems with no statements in classes */
1068
- var SkyRepeaterItemContextMenuComponent = /** @class */ (function () {
1069
- function SkyRepeaterItemContextMenuComponent() {
1070
- }
1071
- return SkyRepeaterItemContextMenuComponent;
1072
- }());
1073
- SkyRepeaterItemContextMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1074
- SkyRepeaterItemContextMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContextMenuComponent, selector: "sky-repeater-item-context-menu", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
1075
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, decorators: [{
1076
- type: i0.Component,
1077
- args: [{
1078
- selector: 'sky-repeater-item-context-menu',
1079
- template: "<ng-content></ng-content>\n",
1080
- }]
1081
- }] });
1082
-
1083
- /**
1084
- * @internal
1085
- */
1086
- var SkyRepeaterService = /** @class */ (function () {
1087
- function SkyRepeaterService() {
1088
- this.activeItemChange = new rxjs.BehaviorSubject(undefined);
1089
- this.activeItemIndexChange = new rxjs.BehaviorSubject(undefined);
1090
- this.enableActiveState = false;
1091
- this.itemCollapseStateChange = new i0.EventEmitter();
1092
- this.items = [];
1093
- this.orderChange = new rxjs.BehaviorSubject(undefined);
1094
- }
1095
- SkyRepeaterService.prototype.ngOnDestroy = function () {
1096
- this.activeItemChange.complete();
1097
- this.itemCollapseStateChange.complete();
1098
- this.orderChange.complete();
1099
- };
1100
- SkyRepeaterService.prototype.activateItem = function (item) {
1101
- if (this.enableActiveState) {
1102
- /* istanbul ignore else */
1103
- if (item) {
1104
- var index = this.items.findIndex(function (i) { return i === item; });
1105
- this.activeItemIndexChange.next(index);
1106
- this.activeItemChange.next(item);
1107
- }
1108
- }
1109
- };
1110
- SkyRepeaterService.prototype.activateItemByIndex = function (index) {
1111
- /* istanbul ignore else */
1112
- if (this.enableActiveState) {
1113
- if (index === undefined) {
1114
- this.activeItemChange.next(undefined);
1115
- }
1116
- else {
1117
- var activeItem = this.items[index];
1118
- if (activeItem) {
1119
- this.activeItemChange.next(activeItem);
1120
- }
1121
- }
1122
- }
1123
- };
1124
- SkyRepeaterService.prototype.registerItem = function (item) {
1125
- this.items.push(item);
1126
- };
1127
- SkyRepeaterService.prototype.unregisterItem = function (item) {
1128
- var indexOfDestroyedItem = this.items.indexOf(item);
1129
- if (indexOfDestroyedItem > -1) {
1130
- this.items.splice(indexOfDestroyedItem, 1);
1131
- }
1132
- };
1133
- SkyRepeaterService.prototype.onItemCollapseStateChange = function (item) {
1134
- this.itemCollapseStateChange.emit(item);
1135
- };
1136
- SkyRepeaterService.prototype.getItemIndex = function (item) {
1137
- return this.items.indexOf(item);
1138
- };
1139
- SkyRepeaterService.prototype.registerOrderChange = function () {
1140
- this.orderChange.next();
1141
- };
1142
- SkyRepeaterService.prototype.reorderItem = function (oldIndex, newIndex) {
1143
- this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
1144
- };
1145
- return SkyRepeaterService;
1146
- }());
1147
- SkyRepeaterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
1148
- SkyRepeaterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService });
1149
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, decorators: [{
1150
- type: i0.Injectable
1151
- }] });
1152
-
1153
- /**
1154
- * @internal
1155
- */
1156
- var SkyRepeaterAdapterService = /** @class */ (function () {
1157
- function SkyRepeaterAdapterService(repeaterService) {
1158
- this.repeaterService = repeaterService;
1159
- }
1160
- Object.defineProperty(SkyRepeaterAdapterService.prototype, "repeaterItemGroupSelector", {
1161
- get: function () {
1162
- return '.sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;
1163
- },
1164
- enumerable: false,
1165
- configurable: true
832
+ };
833
+ SkyRepeaterService.prototype.onItemCollapseStateChange = function (item) {
834
+ this.itemCollapseStateChange.emit(item);
835
+ };
836
+ SkyRepeaterService.prototype.getItemIndex = function (item) {
837
+ return this.items.indexOf(item);
838
+ };
839
+ SkyRepeaterService.prototype.registerOrderChange = function () {
840
+ this.orderChange.next();
841
+ };
842
+ SkyRepeaterService.prototype.reorderItem = function (oldIndex, newIndex) {
843
+ this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
844
+ };
845
+ return SkyRepeaterService;
846
+ }());
847
+ SkyRepeaterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
848
+ SkyRepeaterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService });
849
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, decorators: [{
850
+ type: i0.Injectable
851
+ }] });
852
+
853
+ /**
854
+ * @internal
855
+ */
856
+ var SkyRepeaterAdapterService = /** @class */ (function () {
857
+ function SkyRepeaterAdapterService(repeaterService) {
858
+ this.repeaterService = repeaterService;
859
+ }
860
+ Object.defineProperty(SkyRepeaterAdapterService.prototype, "repeaterItemGroupSelector", {
861
+ get: function () {
862
+ return '.sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;
863
+ },
864
+ enumerable: false,
865
+ configurable: true
1166
866
  });
1167
867
  SkyRepeaterAdapterService.prototype.focusElement = function (element) {
1168
868
  if (element instanceof i0.ElementRef) {
@@ -1532,87 +1232,405 @@
1532
1232
  if (this.reorderSteps < 0) {
1533
1233
  this.adapterService.moveItemDown(this.elementRef.nativeElement, Math.abs(this.reorderSteps));
1534
1234
  }
1535
- else if (this.reorderSteps > 0) {
1536
- this.adapterService.moveItemUp(this.elementRef.nativeElement, false, this.reorderSteps);
1235
+ else if (this.reorderSteps > 0) {
1236
+ this.adapterService.moveItemUp(this.elementRef.nativeElement, false, this.reorderSteps);
1237
+ }
1238
+ this.repeaterService.registerOrderChange();
1239
+ };
1240
+ SkyRepeaterItemComponent.prototype.updateExpandOnContentChange = function () {
1241
+ var _this = this;
1242
+ this.repeaterItemContentComponents.changes
1243
+ .pipe(operators.takeUntil(this.ngUnsubscribe))
1244
+ .subscribe(function () {
1245
+ _this.hasItemContent = _this.repeaterItemContentComponents.length > 0;
1246
+ /* istanbul ignore next */
1247
+ _this.isCollapsible =
1248
+ _this.hasItemContent && _this.repeaterService.expandMode !== 'none';
1249
+ /* istanbul ignore else */
1250
+ if (_this.repeaterService.expandMode === 'single') {
1251
+ _this.repeaterService.onItemCollapseStateChange(_this);
1252
+ }
1253
+ });
1254
+ };
1255
+ return SkyRepeaterItemComponent;
1256
+ }());
1257
+ SkyRepeaterItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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 });
1258
+ SkyRepeaterItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemComponent, selector: "sky-repeater-item", inputs: { itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { 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 [attr.aria-label]=\"itemName\"\n [attr.aria-selected]=\"selectable ? isSelected : null\"\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-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #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]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n >\n </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 itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-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 [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_expand_default' | skyLibResources)\n \"\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-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: ["ariaControls", "ariaLabel", "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 });
1259
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemComponent, decorators: [{
1260
+ type: i0.Component,
1261
+ args: [{
1262
+ selector: 'sky-repeater-item',
1263
+ 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-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"],
1264
+ template: "<div\n class=\"sky-repeater-item sky-padding-even-default\"\n role=\"option\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-selected]=\"selectable ? isSelected : null\"\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-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #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]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n >\n </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 itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-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 [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_expand_default' | skyLibResources)\n \"\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",
1265
+ animations: [animations.skyAnimationSlide],
1266
+ encapsulation: i0.ViewEncapsulation.None,
1267
+ }]
1268
+ }], ctorParameters: function () { return [{ type: SkyRepeaterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterAdapterService }, { type: i0__namespace.ElementRef }, { type: i4__namespace.SkyLibResourcesService }]; }, propDecorators: { itemName: [{
1269
+ type: i0.Input
1270
+ }], inlineFormConfig: [{
1271
+ type: i0.Input
1272
+ }], inlineFormTemplate: [{
1273
+ type: i0.Input
1274
+ }], isExpanded: [{
1275
+ type: i0.Input
1276
+ }], isSelected: [{
1277
+ type: i0.Input
1278
+ }], reorderable: [{
1279
+ type: i0.Input
1280
+ }], selectable: [{
1281
+ type: i0.Input
1282
+ }], showInlineForm: [{
1283
+ type: i0.Input
1284
+ }], tag: [{
1285
+ type: i0.Input
1286
+ }], collapse: [{
1287
+ type: i0.Output
1288
+ }], expand: [{
1289
+ type: i0.Output
1290
+ }], inlineFormClose: [{
1291
+ type: i0.Output
1292
+ }], isSelectedChange: [{
1293
+ type: i0.Output
1294
+ }], contextMenu: [{
1295
+ type: i0.ContentChild,
1296
+ args: [SkyRepeaterItemContextMenuComponent, { read: i0.ElementRef }]
1297
+ }], repeaterGroupClass: [{
1298
+ type: i0.HostBinding,
1299
+ args: ['class']
1300
+ }], grabHandle: [{
1301
+ type: i0.ViewChild,
1302
+ args: ['grabHandle', { read: i0.ElementRef }]
1303
+ }], itemContentRef: [{
1304
+ type: i0.ViewChild,
1305
+ args: ['itemContentRef', { read: i0.ElementRef }]
1306
+ }], itemHeaderRef: [{
1307
+ type: i0.ViewChild,
1308
+ args: ['itemHeaderRef', { read: i0.ElementRef }]
1309
+ }], itemRef: [{
1310
+ type: i0.ViewChild,
1311
+ args: ['itemRef', { read: i0.ElementRef }]
1312
+ }], repeaterItemContentComponents: [{
1313
+ type: i0.ContentChildren,
1314
+ args: [SkyRepeaterItemContentComponent]
1315
+ }] } });
1316
+
1317
+ /*! *****************************************************************************
1318
+ Copyright (c) Microsoft Corporation.
1319
+
1320
+ Permission to use, copy, modify, and/or distribute this software for any
1321
+ purpose with or without fee is hereby granted.
1322
+
1323
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
1324
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
1325
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
1326
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
1327
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
1328
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
1329
+ PERFORMANCE OF THIS SOFTWARE.
1330
+ ***************************************************************************** */
1331
+ /* global Reflect, Promise */
1332
+ var extendStatics = function (d, b) {
1333
+ extendStatics = Object.setPrototypeOf ||
1334
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
1335
+ function (d, b) { for (var p in b)
1336
+ if (Object.prototype.hasOwnProperty.call(b, p))
1337
+ d[p] = b[p]; };
1338
+ return extendStatics(d, b);
1339
+ };
1340
+ function __extends(d, b) {
1341
+ if (typeof b !== "function" && b !== null)
1342
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
1343
+ extendStatics(d, b);
1344
+ function __() { this.constructor = d; }
1345
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
1346
+ }
1347
+ var __assign = function () {
1348
+ __assign = Object.assign || function __assign(t) {
1349
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
1350
+ s = arguments[i];
1351
+ for (var p in s)
1352
+ if (Object.prototype.hasOwnProperty.call(s, p))
1353
+ t[p] = s[p];
1354
+ }
1355
+ return t;
1356
+ };
1357
+ return __assign.apply(this, arguments);
1358
+ };
1359
+ function __rest(s, e) {
1360
+ var t = {};
1361
+ for (var p in s)
1362
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
1363
+ t[p] = s[p];
1364
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
1365
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
1366
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
1367
+ t[p[i]] = s[p[i]];
1368
+ }
1369
+ return t;
1370
+ }
1371
+ function __decorate(decorators, target, key, desc) {
1372
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1373
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
1374
+ r = Reflect.decorate(decorators, target, key, desc);
1375
+ else
1376
+ for (var i = decorators.length - 1; i >= 0; i--)
1377
+ if (d = decorators[i])
1378
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
1379
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
1380
+ }
1381
+ function __param(paramIndex, decorator) {
1382
+ return function (target, key) { decorator(target, key, paramIndex); };
1383
+ }
1384
+ function __metadata(metadataKey, metadataValue) {
1385
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
1386
+ return Reflect.metadata(metadataKey, metadataValue);
1387
+ }
1388
+ function __awaiter(thisArg, _arguments, P, generator) {
1389
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
1390
+ return new (P || (P = Promise))(function (resolve, reject) {
1391
+ function fulfilled(value) { try {
1392
+ step(generator.next(value));
1393
+ }
1394
+ catch (e) {
1395
+ reject(e);
1396
+ } }
1397
+ function rejected(value) { try {
1398
+ step(generator["throw"](value));
1399
+ }
1400
+ catch (e) {
1401
+ reject(e);
1402
+ } }
1403
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
1404
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
1405
+ });
1406
+ }
1407
+ function __generator(thisArg, body) {
1408
+ var _ = { label: 0, sent: function () { if (t[0] & 1)
1409
+ throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
1410
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
1411
+ function verb(n) { return function (v) { return step([n, v]); }; }
1412
+ function step(op) {
1413
+ if (f)
1414
+ throw new TypeError("Generator is already executing.");
1415
+ while (_)
1416
+ try {
1417
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
1418
+ return t;
1419
+ if (y = 0, t)
1420
+ op = [op[0] & 2, t.value];
1421
+ switch (op[0]) {
1422
+ case 0:
1423
+ case 1:
1424
+ t = op;
1425
+ break;
1426
+ case 4:
1427
+ _.label++;
1428
+ return { value: op[1], done: false };
1429
+ case 5:
1430
+ _.label++;
1431
+ y = op[1];
1432
+ op = [0];
1433
+ continue;
1434
+ case 7:
1435
+ op = _.ops.pop();
1436
+ _.trys.pop();
1437
+ continue;
1438
+ default:
1439
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
1440
+ _ = 0;
1441
+ continue;
1442
+ }
1443
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
1444
+ _.label = op[1];
1445
+ break;
1446
+ }
1447
+ if (op[0] === 6 && _.label < t[1]) {
1448
+ _.label = t[1];
1449
+ t = op;
1450
+ break;
1451
+ }
1452
+ if (t && _.label < t[2]) {
1453
+ _.label = t[2];
1454
+ _.ops.push(op);
1455
+ break;
1456
+ }
1457
+ if (t[2])
1458
+ _.ops.pop();
1459
+ _.trys.pop();
1460
+ continue;
1461
+ }
1462
+ op = body.call(thisArg, _);
1463
+ }
1464
+ catch (e) {
1465
+ op = [6, e];
1466
+ y = 0;
1467
+ }
1468
+ finally {
1469
+ f = t = 0;
1470
+ }
1471
+ if (op[0] & 5)
1472
+ throw op[1];
1473
+ return { value: op[0] ? op[1] : void 0, done: true };
1474
+ }
1475
+ }
1476
+ var __createBinding = Object.create ? (function (o, m, k, k2) {
1477
+ if (k2 === undefined)
1478
+ k2 = k;
1479
+ Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
1480
+ }) : (function (o, m, k, k2) {
1481
+ if (k2 === undefined)
1482
+ k2 = k;
1483
+ o[k2] = m[k];
1484
+ });
1485
+ function __exportStar(m, o) {
1486
+ for (var p in m)
1487
+ if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
1488
+ __createBinding(o, m, p);
1489
+ }
1490
+ function __values(o) {
1491
+ var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
1492
+ if (m)
1493
+ return m.call(o);
1494
+ if (o && typeof o.length === "number")
1495
+ return {
1496
+ next: function () {
1497
+ if (o && i >= o.length)
1498
+ o = void 0;
1499
+ return { value: o && o[i++], done: !o };
1500
+ }
1501
+ };
1502
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
1503
+ }
1504
+ function __read(o, n) {
1505
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
1506
+ if (!m)
1507
+ return o;
1508
+ var i = m.call(o), r, ar = [], e;
1509
+ try {
1510
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
1511
+ ar.push(r.value);
1512
+ }
1513
+ catch (error) {
1514
+ e = { error: error };
1515
+ }
1516
+ finally {
1517
+ try {
1518
+ if (r && !r.done && (m = i["return"]))
1519
+ m.call(i);
1520
+ }
1521
+ finally {
1522
+ if (e)
1523
+ throw e.error;
1537
1524
  }
1538
- this.repeaterService.registerOrderChange();
1539
- };
1540
- SkyRepeaterItemComponent.prototype.updateExpandOnContentChange = function () {
1541
- var _this = this;
1542
- this.repeaterItemContentComponents.changes
1543
- .pipe(operators.takeUntil(this.ngUnsubscribe))
1544
- .subscribe(function () {
1545
- _this.hasItemContent = _this.repeaterItemContentComponents.length > 0;
1546
- /* istanbul ignore next */
1547
- _this.isCollapsible =
1548
- _this.hasItemContent && _this.repeaterService.expandMode !== 'none';
1549
- /* istanbul ignore else */
1550
- if (_this.repeaterService.expandMode === 'single') {
1551
- _this.repeaterService.onItemCollapseStateChange(_this);
1525
+ }
1526
+ return ar;
1527
+ }
1528
+ /** @deprecated */
1529
+ function __spread() {
1530
+ for (var ar = [], i = 0; i < arguments.length; i++)
1531
+ ar = ar.concat(__read(arguments[i]));
1532
+ return ar;
1533
+ }
1534
+ /** @deprecated */
1535
+ function __spreadArrays() {
1536
+ for (var s = 0, i = 0, il = arguments.length; i < il; i++)
1537
+ s += arguments[i].length;
1538
+ for (var r = Array(s), k = 0, i = 0; i < il; i++)
1539
+ for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
1540
+ r[k] = a[j];
1541
+ return r;
1542
+ }
1543
+ function __spreadArray(to, from, pack) {
1544
+ if (pack || arguments.length === 2)
1545
+ for (var i = 0, l = from.length, ar; i < l; i++) {
1546
+ if (ar || !(i in from)) {
1547
+ if (!ar)
1548
+ ar = Array.prototype.slice.call(from, 0, i);
1549
+ ar[i] = from[i];
1552
1550
  }
1553
- });
1554
- };
1555
- return SkyRepeaterItemComponent;
1556
- }());
1557
- SkyRepeaterItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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 });
1558
- SkyRepeaterItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemComponent, selector: "sky-repeater-item", inputs: { itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { 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 [attr.aria-label]=\"itemName\"\n [attr.aria-selected]=\"selectable ? isSelected : null\"\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-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #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]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n >\n </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 itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-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 [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_expand_default' | skyLibResources)\n \"\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-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: ["ariaControls", "ariaLabel", "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 });
1559
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemComponent, decorators: [{
1560
- type: i0.Component,
1561
- args: [{
1562
- selector: 'sky-repeater-item',
1563
- 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-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"],
1564
- template: "<div\n class=\"sky-repeater-item sky-padding-even-default\"\n role=\"option\"\n [attr.aria-label]=\"itemName\"\n [attr.aria-selected]=\"selectable ? isSelected : null\"\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-screen-reader-only\"\n [id]=\"contentId + '-reorder-state'\"\n >\n {{ reorderState }}\n </span>\n <span\n class=\"sky-screen-reader-only\"\n [id]=\"contentId + '-reorder-instructions'\"\n >{{ reorderButtonLabel }}</span\n >\n <button\n class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n type=\"button\"\n [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n [attr.aria-label]=\"\n itemName\n ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n \"\n (blur)=\"onReorderHandleBlur($event)\"\n (keydown)=\"onReorderHandleKeyDown($event)\"\n #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]=\"\n itemName\n ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n \"\n (change)=\"onCheckboxChange($event)\"\n >\n </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 itemName\n ? ('skyux_repeater_item_reorder_top_label'\n | skyLibResources: itemName)\n : ('skyux_repeater_item_reorder_top_label_default'\n | skyLibResources)\n \"\n (click)=\"moveToTop($event)\"\n >\n <sky-icon icon=\"arrow-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 [ariaControls]=\"contentId\"\n [ariaLabel]=\"\n itemName\n ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n : ('skyux_repeater_item_expand_default' | skyLibResources)\n \"\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",
1565
- animations: [animations.skyAnimationSlide],
1566
- encapsulation: i0.ViewEncapsulation.None,
1567
- }]
1568
- }], ctorParameters: function () { return [{ type: SkyRepeaterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterAdapterService }, { type: i0__namespace.ElementRef }, { type: i4__namespace.SkyLibResourcesService }]; }, propDecorators: { itemName: [{
1569
- type: i0.Input
1570
- }], inlineFormConfig: [{
1571
- type: i0.Input
1572
- }], inlineFormTemplate: [{
1573
- type: i0.Input
1574
- }], isExpanded: [{
1575
- type: i0.Input
1576
- }], isSelected: [{
1577
- type: i0.Input
1578
- }], reorderable: [{
1579
- type: i0.Input
1580
- }], selectable: [{
1581
- type: i0.Input
1582
- }], showInlineForm: [{
1583
- type: i0.Input
1584
- }], tag: [{
1585
- type: i0.Input
1586
- }], collapse: [{
1587
- type: i0.Output
1588
- }], expand: [{
1589
- type: i0.Output
1590
- }], inlineFormClose: [{
1591
- type: i0.Output
1592
- }], isSelectedChange: [{
1593
- type: i0.Output
1594
- }], contextMenu: [{
1595
- type: i0.ContentChild,
1596
- args: [SkyRepeaterItemContextMenuComponent, { read: i0.ElementRef }]
1597
- }], repeaterGroupClass: [{
1598
- type: i0.HostBinding,
1599
- args: ['class']
1600
- }], grabHandle: [{
1601
- type: i0.ViewChild,
1602
- args: ['grabHandle', { read: i0.ElementRef }]
1603
- }], itemContentRef: [{
1604
- type: i0.ViewChild,
1605
- args: ['itemContentRef', { read: i0.ElementRef }]
1606
- }], itemHeaderRef: [{
1607
- type: i0.ViewChild,
1608
- args: ['itemHeaderRef', { read: i0.ElementRef }]
1609
- }], itemRef: [{
1610
- type: i0.ViewChild,
1611
- args: ['itemRef', { read: i0.ElementRef }]
1612
- }], repeaterItemContentComponents: [{
1613
- type: i0.ContentChildren,
1614
- args: [SkyRepeaterItemContentComponent]
1615
- }] } });
1551
+ }
1552
+ return to.concat(ar || Array.prototype.slice.call(from));
1553
+ }
1554
+ function __await(v) {
1555
+ return this instanceof __await ? (this.v = v, this) : new __await(v);
1556
+ }
1557
+ function __asyncGenerator(thisArg, _arguments, generator) {
1558
+ if (!Symbol.asyncIterator)
1559
+ throw new TypeError("Symbol.asyncIterator is not defined.");
1560
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
1561
+ return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
1562
+ function verb(n) { if (g[n])
1563
+ i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
1564
+ function resume(n, v) { try {
1565
+ step(g[n](v));
1566
+ }
1567
+ catch (e) {
1568
+ settle(q[0][3], e);
1569
+ } }
1570
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
1571
+ function fulfill(value) { resume("next", value); }
1572
+ function reject(value) { resume("throw", value); }
1573
+ function settle(f, v) { if (f(v), q.shift(), q.length)
1574
+ resume(q[0][0], q[0][1]); }
1575
+ }
1576
+ function __asyncDelegator(o) {
1577
+ var i, p;
1578
+ return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
1579
+ function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
1580
+ }
1581
+ function __asyncValues(o) {
1582
+ if (!Symbol.asyncIterator)
1583
+ throw new TypeError("Symbol.asyncIterator is not defined.");
1584
+ var m = o[Symbol.asyncIterator], i;
1585
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
1586
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
1587
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
1588
+ }
1589
+ function __makeTemplateObject(cooked, raw) {
1590
+ if (Object.defineProperty) {
1591
+ Object.defineProperty(cooked, "raw", { value: raw });
1592
+ }
1593
+ else {
1594
+ cooked.raw = raw;
1595
+ }
1596
+ return cooked;
1597
+ }
1598
+ ;
1599
+ var __setModuleDefault = Object.create ? (function (o, v) {
1600
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
1601
+ }) : function (o, v) {
1602
+ o["default"] = v;
1603
+ };
1604
+ function __importStar(mod) {
1605
+ if (mod && mod.__esModule)
1606
+ return mod;
1607
+ var result = {};
1608
+ if (mod != null)
1609
+ for (var k in mod)
1610
+ if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
1611
+ __createBinding(result, mod, k);
1612
+ __setModuleDefault(result, mod);
1613
+ return result;
1614
+ }
1615
+ function __importDefault(mod) {
1616
+ return (mod && mod.__esModule) ? mod : { default: mod };
1617
+ }
1618
+ function __classPrivateFieldGet(receiver, state, kind, f) {
1619
+ if (kind === "a" && !f)
1620
+ throw new TypeError("Private accessor was defined without a getter");
1621
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
1622
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
1623
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
1624
+ }
1625
+ function __classPrivateFieldSet(receiver, state, value, kind, f) {
1626
+ if (kind === "m")
1627
+ throw new TypeError("Private method is not writable");
1628
+ if (kind === "a" && !f)
1629
+ throw new TypeError("Private accessor was defined without a setter");
1630
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
1631
+ throw new TypeError("Cannot write private member to an object whose class did not declare it");
1632
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
1633
+ }
1616
1634
 
1617
1635
  var uniqueId = 0;
1618
1636
  /**
@@ -1723,7 +1741,7 @@
1723
1741
  // https://github.com/angular/angular/issues/6005
1724
1742
  this.items.changes.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
1725
1743
  setTimeout(function () {
1726
- if (!!_this.items.last) {
1744
+ if (_this.items.last) {
1727
1745
  _this.updateForExpandMode(_this.items.last);
1728
1746
  _this.items.last.reorderable = _this.reorderable;
1729
1747
  }
@@ -1875,24 +1893,6 @@
1875
1893
  args: [SkyRepeaterItemComponent]
1876
1894
  }] } });
1877
1895
 
1878
- /**
1879
- * Displays a header inside the repeater item.
1880
- */
1881
- var SkyRepeaterItemTitleComponent = /** @class */ (function () {
1882
- function SkyRepeaterItemTitleComponent() {
1883
- }
1884
- return SkyRepeaterItemTitleComponent;
1885
- }());
1886
- SkyRepeaterItemTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1887
- SkyRepeaterItemTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemTitleComponent, selector: "sky-repeater-item-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
1888
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, decorators: [{
1889
- type: i0.Component,
1890
- args: [{
1891
- selector: 'sky-repeater-item-title',
1892
- template: "<ng-content></ng-content>\n",
1893
- }]
1894
- }] });
1895
-
1896
1896
  var SkyRepeaterModule = /** @class */ (function () {
1897
1897
  function SkyRepeaterModule() {
1898
1898
  }