@skyux/list-builder-view-checklist 4.0.1 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/bundles/skyux-list-builder-view-checklist-testing.umd.js +8 -4
- package/bundles/skyux-list-builder-view-checklist-testing.umd.js.map +1 -1
- package/bundles/skyux-list-builder-view-checklist.umd.js +491 -335
- package/bundles/skyux-list-builder-view-checklist.umd.js.map +1 -1
- package/documentation.json +2124 -0
- package/esm2015/modules/list-view-checklist/list-view-checklist-item.component.js +17 -16
- package/esm2015/modules/list-view-checklist/list-view-checklist.component.js +111 -79
- package/esm2015/modules/list-view-checklist/list-view-checklist.module.js +19 -22
- package/esm2015/modules/list-view-checklist/state/checklist-state-action.type.js +2 -1
- package/esm2015/modules/list-view-checklist/state/checklist-state.model.js +1 -1
- package/esm2015/modules/list-view-checklist/state/checklist-state.rxstate.js +9 -8
- package/esm2015/modules/list-view-checklist/state/checklist-state.state-node.js +12 -16
- package/esm2015/modules/list-view-checklist/state/items/item.model.js +1 -1
- package/esm2015/modules/list-view-checklist/state/items/items.orchestrator.js +2 -2
- package/esm2015/modules/list-view-checklist/state/items/load.action.js +1 -1
- package/esm2015/public-api.js +15 -0
- package/esm2015/skyux-list-builder-view-checklist.js +2 -3
- package/esm2015/testing/list-view-checklist-fixture.js +2 -2
- package/esm2015/testing/list-view-checklist-item.js +2 -1
- package/esm2015/testing/public-api.js +3 -0
- package/esm2015/testing/skyux-list-builder-view-checklist-testing.js +2 -2
- package/fesm2015/skyux-list-builder-view-checklist-testing.js +1 -1
- package/fesm2015/skyux-list-builder-view-checklist-testing.js.map +1 -1
- package/fesm2015/skyux-list-builder-view-checklist.js +161 -132
- package/fesm2015/skyux-list-builder-view-checklist.js.map +1 -1
- package/modules/list-view-checklist/list-view-checklist-item.component.d.ts +3 -0
- package/modules/list-view-checklist/list-view-checklist.component.d.ts +31 -0
- package/modules/list-view-checklist/list-view-checklist.module.d.ts +9 -0
- package/modules/list-view-checklist/state/checklist-state.rxstate.d.ts +3 -0
- package/modules/list-view-checklist/state/checklist-state.state-node.d.ts +3 -0
- package/package.json +11 -26
- package/{public_api.d.ts → public-api.d.ts} +1 -0
- package/skyux-list-builder-view-checklist.d.ts +2 -2
- package/testing/package.json +2 -5
- package/testing/{public_api.d.ts → public-api.d.ts} +0 -0
- package/testing/skyux-list-builder-view-checklist-testing.d.ts +2 -1
- package/CHANGELOG.md +0 -97
- package/bundles/skyux-list-builder-view-checklist-testing.umd.min.js +0 -2
- package/bundles/skyux-list-builder-view-checklist-testing.umd.min.js.map +0 -1
- package/bundles/skyux-list-builder-view-checklist.umd.min.js +0 -16
- package/bundles/skyux-list-builder-view-checklist.umd.min.js.map +0 -1
- package/esm2015/public_api.js +0 -11
- package/esm2015/testing/public_api.js +0 -2
- package/esm5/modules/list-view-checklist/list-view-checklist-item.component.js +0 -20
- package/esm5/modules/list-view-checklist/list-view-checklist.component.js +0 -288
- package/esm5/modules/list-view-checklist/list-view-checklist.module.js +0 -31
- package/esm5/modules/list-view-checklist/state/checklist-state-action.type.js +0 -1
- package/esm5/modules/list-view-checklist/state/checklist-state.model.js +0 -9
- package/esm5/modules/list-view-checklist/state/checklist-state.rxstate.js +0 -23
- package/esm5/modules/list-view-checklist/state/checklist-state.state-node.js +0 -25
- package/esm5/modules/list-view-checklist/state/items/item.model.js +0 -12
- package/esm5/modules/list-view-checklist/state/items/items.orchestrator.js +0 -24
- package/esm5/modules/list-view-checklist/state/items/load.action.js +0 -15
- package/esm5/public_api.js +0 -11
- package/esm5/skyux-list-builder-view-checklist.js +0 -6
- package/esm5/testing/list-view-checklist-fixture.js +0 -85
- package/esm5/testing/list-view-checklist-item.js +0 -1
- package/esm5/testing/public_api.js +0 -2
- package/esm5/testing/skyux-list-builder-view-checklist-testing.js +0 -5
- package/fesm5/skyux-list-builder-view-checklist-testing.js +0 -91
- package/fesm5/skyux-list-builder-view-checklist-testing.js.map +0 -1
- package/fesm5/skyux-list-builder-view-checklist.js +0 -418
- package/fesm5/skyux-list-builder-view-checklist.js.map +0 -1
- package/skyux-list-builder-view-checklist.metadata.json +0 -1
- package/src/assets/locales/resources_en_US.json +0 -1
- package/testing/skyux-list-builder-view-checklist-testing.metadata.json +0 -1
|
@@ -1,240 +1,362 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@skyux/forms'), require('@skyux/list-builder'), require('@skyux/list-builder-common'), require('rxjs'), require('rxjs/operators')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/list-builder-view-checklist', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@skyux/forms', '@skyux/list-builder', '@skyux/list-builder-common', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
|
-
(global = global || self, factory((global.skyux = global.skyux || {}, global.skyux[
|
|
5
|
-
}(this, (function (exports,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["list-builder-view-checklist"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.i5, global.i1, global.listBuilderCommon, global.rxjs, global.rxjs.operators));
|
|
5
|
+
})(this, (function (exports, i0, i6, forms, i5, i1, listBuilderCommon, rxjs, operators) { 'use strict';
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var extendStatics = function(d, b) {
|
|
24
|
-
extendStatics = Object.setPrototypeOf ||
|
|
25
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
26
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
27
|
-
return extendStatics(d, b);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
function __extends(d, b) {
|
|
31
|
-
extendStatics(d, b);
|
|
32
|
-
function __() { this.constructor = d; }
|
|
33
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
var __assign = function() {
|
|
37
|
-
__assign = Object.assign || function __assign(t) {
|
|
38
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
39
|
-
s = arguments[i];
|
|
40
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
41
|
-
}
|
|
42
|
-
return t;
|
|
43
|
-
};
|
|
44
|
-
return __assign.apply(this, arguments);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
function __rest(s, e) {
|
|
48
|
-
var t = {};
|
|
49
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
-
t[p] = s[p];
|
|
51
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
-
t[p[i]] = s[p[i]];
|
|
55
|
-
}
|
|
56
|
-
return t;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
function __decorate(decorators, target, key, desc) {
|
|
60
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
61
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
62
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
63
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
function __param(paramIndex, decorator) {
|
|
67
|
-
return function (target, key) { decorator(target, key, paramIndex); }
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
function __metadata(metadataKey, metadataValue) {
|
|
71
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
75
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
76
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
77
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
78
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
79
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
80
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
function __generator(thisArg, body) {
|
|
85
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
86
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
87
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
88
|
-
function step(op) {
|
|
89
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
90
|
-
while (_) try {
|
|
91
|
-
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) return t;
|
|
92
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
93
|
-
switch (op[0]) {
|
|
94
|
-
case 0: case 1: t = op; break;
|
|
95
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
96
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
97
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
98
|
-
default:
|
|
99
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
100
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
101
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
102
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
103
|
-
if (t[2]) _.ops.pop();
|
|
104
|
-
_.trys.pop(); continue;
|
|
105
|
-
}
|
|
106
|
-
op = body.call(thisArg, _);
|
|
107
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
108
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function __exportStar(m, exports) {
|
|
113
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
function __values(o) {
|
|
117
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
118
|
-
if (m) return m.call(o);
|
|
119
|
-
if (o && typeof o.length === "number") return {
|
|
120
|
-
next: function () {
|
|
121
|
-
if (o && i >= o.length) o = void 0;
|
|
122
|
-
return { value: o && o[i++], done: !o };
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
function __read(o, n) {
|
|
129
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
130
|
-
if (!m) return o;
|
|
131
|
-
var i = m.call(o), r, ar = [], e;
|
|
132
|
-
try {
|
|
133
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
134
|
-
}
|
|
135
|
-
catch (error) { e = { error: error }; }
|
|
136
|
-
finally {
|
|
137
|
-
try {
|
|
138
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
139
|
-
}
|
|
140
|
-
finally { if (e) throw e.error; }
|
|
141
|
-
}
|
|
142
|
-
return ar;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
function __spread() {
|
|
146
|
-
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
147
|
-
ar = ar.concat(__read(arguments[i]));
|
|
148
|
-
return ar;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
function __spreadArrays() {
|
|
152
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
153
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
154
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
155
|
-
r[k] = a[j];
|
|
156
|
-
return r;
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
function __await(v) {
|
|
160
|
-
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
164
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
165
|
-
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
166
|
-
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
167
|
-
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
168
|
-
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
|
|
169
|
-
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
170
|
-
function fulfill(value) { resume("next", value); }
|
|
171
|
-
function reject(value) { resume("throw", value); }
|
|
172
|
-
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
function __asyncDelegator(o) {
|
|
176
|
-
var i, p;
|
|
177
|
-
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
178
|
-
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; }
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
function __asyncValues(o) {
|
|
182
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
183
|
-
var m = o[Symbol.asyncIterator], i;
|
|
184
|
-
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);
|
|
185
|
-
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); }); }; }
|
|
186
|
-
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
function __makeTemplateObject(cooked, raw) {
|
|
190
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
191
|
-
return cooked;
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
function __importStar(mod) {
|
|
195
|
-
if (mod && mod.__esModule) return mod;
|
|
196
|
-
var result = {};
|
|
197
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
198
|
-
result.default = mod;
|
|
199
|
-
return result;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
function __importDefault(mod) {
|
|
203
|
-
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
function __classPrivateFieldGet(receiver, privateMap) {
|
|
207
|
-
if (!privateMap.has(receiver)) {
|
|
208
|
-
throw new TypeError("attempted to get private field on non-instance");
|
|
209
|
-
}
|
|
210
|
-
return privateMap.get(receiver);
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
function __classPrivateFieldSet(receiver, privateMap, value) {
|
|
214
|
-
if (!privateMap.has(receiver)) {
|
|
215
|
-
throw new TypeError("attempted to set private field on non-instance");
|
|
216
|
-
}
|
|
217
|
-
privateMap.set(receiver, value);
|
|
218
|
-
return value;
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
219
23
|
}
|
|
220
24
|
|
|
221
|
-
var
|
|
222
|
-
|
|
223
|
-
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
|
27
|
+
var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
|
|
28
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
29
|
+
|
|
30
|
+
/*! *****************************************************************************
|
|
31
|
+
Copyright (c) Microsoft Corporation.
|
|
32
|
+
|
|
33
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
34
|
+
purpose with or without fee is hereby granted.
|
|
35
|
+
|
|
36
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
37
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
38
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
39
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
40
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
41
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
42
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
43
|
+
***************************************************************************** */
|
|
44
|
+
/* global Reflect, Promise */
|
|
45
|
+
var extendStatics = function (d, b) {
|
|
46
|
+
extendStatics = Object.setPrototypeOf ||
|
|
47
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
48
|
+
function (d, b) { for (var p in b)
|
|
49
|
+
if (Object.prototype.hasOwnProperty.call(b, p))
|
|
50
|
+
d[p] = b[p]; };
|
|
51
|
+
return extendStatics(d, b);
|
|
52
|
+
};
|
|
53
|
+
function __extends(d, b) {
|
|
54
|
+
if (typeof b !== "function" && b !== null)
|
|
55
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
56
|
+
extendStatics(d, b);
|
|
57
|
+
function __() { this.constructor = d; }
|
|
58
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
59
|
+
}
|
|
60
|
+
var __assign = function () {
|
|
61
|
+
__assign = Object.assign || function __assign(t) {
|
|
62
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
63
|
+
s = arguments[i];
|
|
64
|
+
for (var p in s)
|
|
65
|
+
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
66
|
+
t[p] = s[p];
|
|
67
|
+
}
|
|
68
|
+
return t;
|
|
69
|
+
};
|
|
70
|
+
return __assign.apply(this, arguments);
|
|
71
|
+
};
|
|
72
|
+
function __rest(s, e) {
|
|
73
|
+
var t = {};
|
|
74
|
+
for (var p in s)
|
|
75
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
76
|
+
t[p] = s[p];
|
|
77
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
78
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
79
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
80
|
+
t[p[i]] = s[p[i]];
|
|
81
|
+
}
|
|
82
|
+
return t;
|
|
83
|
+
}
|
|
84
|
+
function __decorate(decorators, target, key, desc) {
|
|
85
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
86
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
87
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
88
|
+
else
|
|
89
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
90
|
+
if (d = decorators[i])
|
|
91
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
92
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
93
|
+
}
|
|
94
|
+
function __param(paramIndex, decorator) {
|
|
95
|
+
return function (target, key) { decorator(target, key, paramIndex); };
|
|
96
|
+
}
|
|
97
|
+
function __metadata(metadataKey, metadataValue) {
|
|
98
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
99
|
+
return Reflect.metadata(metadataKey, metadataValue);
|
|
100
|
+
}
|
|
101
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
102
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
103
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
104
|
+
function fulfilled(value) { try {
|
|
105
|
+
step(generator.next(value));
|
|
106
|
+
}
|
|
107
|
+
catch (e) {
|
|
108
|
+
reject(e);
|
|
109
|
+
} }
|
|
110
|
+
function rejected(value) { try {
|
|
111
|
+
step(generator["throw"](value));
|
|
112
|
+
}
|
|
113
|
+
catch (e) {
|
|
114
|
+
reject(e);
|
|
115
|
+
} }
|
|
116
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
117
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
function __generator(thisArg, body) {
|
|
121
|
+
var _ = { label: 0, sent: function () { if (t[0] & 1)
|
|
122
|
+
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
123
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
|
|
124
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
125
|
+
function step(op) {
|
|
126
|
+
if (f)
|
|
127
|
+
throw new TypeError("Generator is already executing.");
|
|
128
|
+
while (_)
|
|
129
|
+
try {
|
|
130
|
+
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)
|
|
131
|
+
return t;
|
|
132
|
+
if (y = 0, t)
|
|
133
|
+
op = [op[0] & 2, t.value];
|
|
134
|
+
switch (op[0]) {
|
|
135
|
+
case 0:
|
|
136
|
+
case 1:
|
|
137
|
+
t = op;
|
|
138
|
+
break;
|
|
139
|
+
case 4:
|
|
140
|
+
_.label++;
|
|
141
|
+
return { value: op[1], done: false };
|
|
142
|
+
case 5:
|
|
143
|
+
_.label++;
|
|
144
|
+
y = op[1];
|
|
145
|
+
op = [0];
|
|
146
|
+
continue;
|
|
147
|
+
case 7:
|
|
148
|
+
op = _.ops.pop();
|
|
149
|
+
_.trys.pop();
|
|
150
|
+
continue;
|
|
151
|
+
default:
|
|
152
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
153
|
+
_ = 0;
|
|
154
|
+
continue;
|
|
155
|
+
}
|
|
156
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
|
|
157
|
+
_.label = op[1];
|
|
158
|
+
break;
|
|
159
|
+
}
|
|
160
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
161
|
+
_.label = t[1];
|
|
162
|
+
t = op;
|
|
163
|
+
break;
|
|
164
|
+
}
|
|
165
|
+
if (t && _.label < t[2]) {
|
|
166
|
+
_.label = t[2];
|
|
167
|
+
_.ops.push(op);
|
|
168
|
+
break;
|
|
169
|
+
}
|
|
170
|
+
if (t[2])
|
|
171
|
+
_.ops.pop();
|
|
172
|
+
_.trys.pop();
|
|
173
|
+
continue;
|
|
174
|
+
}
|
|
175
|
+
op = body.call(thisArg, _);
|
|
176
|
+
}
|
|
177
|
+
catch (e) {
|
|
178
|
+
op = [6, e];
|
|
179
|
+
y = 0;
|
|
180
|
+
}
|
|
181
|
+
finally {
|
|
182
|
+
f = t = 0;
|
|
183
|
+
}
|
|
184
|
+
if (op[0] & 5)
|
|
185
|
+
throw op[1];
|
|
186
|
+
return { value: op[0] ? op[1] : void 0, done: true };
|
|
224
187
|
}
|
|
225
|
-
|
|
226
|
-
|
|
188
|
+
}
|
|
189
|
+
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
|
190
|
+
if (k2 === undefined)
|
|
191
|
+
k2 = k;
|
|
192
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
|
|
193
|
+
}) : (function (o, m, k, k2) {
|
|
194
|
+
if (k2 === undefined)
|
|
195
|
+
k2 = k;
|
|
196
|
+
o[k2] = m[k];
|
|
197
|
+
});
|
|
198
|
+
function __exportStar(m, o) {
|
|
199
|
+
for (var p in m)
|
|
200
|
+
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
|
|
201
|
+
__createBinding(o, m, p);
|
|
202
|
+
}
|
|
203
|
+
function __values(o) {
|
|
204
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
205
|
+
if (m)
|
|
206
|
+
return m.call(o);
|
|
207
|
+
if (o && typeof o.length === "number")
|
|
208
|
+
return {
|
|
209
|
+
next: function () {
|
|
210
|
+
if (o && i >= o.length)
|
|
211
|
+
o = void 0;
|
|
212
|
+
return { value: o && o[i++], done: !o };
|
|
213
|
+
}
|
|
214
|
+
};
|
|
215
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
216
|
+
}
|
|
217
|
+
function __read(o, n) {
|
|
218
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
219
|
+
if (!m)
|
|
220
|
+
return o;
|
|
221
|
+
var i = m.call(o), r, ar = [], e;
|
|
222
|
+
try {
|
|
223
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
|
|
224
|
+
ar.push(r.value);
|
|
225
|
+
}
|
|
226
|
+
catch (error) {
|
|
227
|
+
e = { error: error };
|
|
228
|
+
}
|
|
229
|
+
finally {
|
|
230
|
+
try {
|
|
231
|
+
if (r && !r.done && (m = i["return"]))
|
|
232
|
+
m.call(i);
|
|
233
|
+
}
|
|
234
|
+
finally {
|
|
235
|
+
if (e)
|
|
236
|
+
throw e.error;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
return ar;
|
|
240
|
+
}
|
|
241
|
+
/** @deprecated */
|
|
242
|
+
function __spread() {
|
|
243
|
+
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
244
|
+
ar = ar.concat(__read(arguments[i]));
|
|
245
|
+
return ar;
|
|
246
|
+
}
|
|
247
|
+
/** @deprecated */
|
|
248
|
+
function __spreadArrays() {
|
|
249
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
|
250
|
+
s += arguments[i].length;
|
|
251
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
252
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
253
|
+
r[k] = a[j];
|
|
254
|
+
return r;
|
|
255
|
+
}
|
|
256
|
+
function __spreadArray(to, from, pack) {
|
|
257
|
+
if (pack || arguments.length === 2)
|
|
258
|
+
for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
259
|
+
if (ar || !(i in from)) {
|
|
260
|
+
if (!ar)
|
|
261
|
+
ar = Array.prototype.slice.call(from, 0, i);
|
|
262
|
+
ar[i] = from[i];
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
266
|
+
}
|
|
267
|
+
function __await(v) {
|
|
268
|
+
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
269
|
+
}
|
|
270
|
+
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
271
|
+
if (!Symbol.asyncIterator)
|
|
272
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
273
|
+
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
274
|
+
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
275
|
+
function verb(n) { if (g[n])
|
|
276
|
+
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
277
|
+
function resume(n, v) { try {
|
|
278
|
+
step(g[n](v));
|
|
279
|
+
}
|
|
280
|
+
catch (e) {
|
|
281
|
+
settle(q[0][3], e);
|
|
282
|
+
} }
|
|
283
|
+
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
284
|
+
function fulfill(value) { resume("next", value); }
|
|
285
|
+
function reject(value) { resume("throw", value); }
|
|
286
|
+
function settle(f, v) { if (f(v), q.shift(), q.length)
|
|
287
|
+
resume(q[0][0], q[0][1]); }
|
|
288
|
+
}
|
|
289
|
+
function __asyncDelegator(o) {
|
|
290
|
+
var i, p;
|
|
291
|
+
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
292
|
+
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; }
|
|
293
|
+
}
|
|
294
|
+
function __asyncValues(o) {
|
|
295
|
+
if (!Symbol.asyncIterator)
|
|
296
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
297
|
+
var m = o[Symbol.asyncIterator], i;
|
|
298
|
+
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);
|
|
299
|
+
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); }); }; }
|
|
300
|
+
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
|
|
301
|
+
}
|
|
302
|
+
function __makeTemplateObject(cooked, raw) {
|
|
303
|
+
if (Object.defineProperty) {
|
|
304
|
+
Object.defineProperty(cooked, "raw", { value: raw });
|
|
305
|
+
}
|
|
306
|
+
else {
|
|
307
|
+
cooked.raw = raw;
|
|
308
|
+
}
|
|
309
|
+
return cooked;
|
|
310
|
+
}
|
|
311
|
+
;
|
|
312
|
+
var __setModuleDefault = Object.create ? (function (o, v) {
|
|
313
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
314
|
+
}) : function (o, v) {
|
|
315
|
+
o["default"] = v;
|
|
316
|
+
};
|
|
317
|
+
function __importStar(mod) {
|
|
318
|
+
if (mod && mod.__esModule)
|
|
319
|
+
return mod;
|
|
320
|
+
var result = {};
|
|
321
|
+
if (mod != null)
|
|
322
|
+
for (var k in mod)
|
|
323
|
+
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
|
|
324
|
+
__createBinding(result, mod, k);
|
|
325
|
+
__setModuleDefault(result, mod);
|
|
326
|
+
return result;
|
|
327
|
+
}
|
|
328
|
+
function __importDefault(mod) {
|
|
329
|
+
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
330
|
+
}
|
|
331
|
+
function __classPrivateFieldGet(receiver, state, kind, f) {
|
|
332
|
+
if (kind === "a" && !f)
|
|
333
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
334
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
335
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
336
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
337
|
+
}
|
|
338
|
+
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
|
339
|
+
if (kind === "m")
|
|
340
|
+
throw new TypeError("Private method is not writable");
|
|
341
|
+
if (kind === "a" && !f)
|
|
342
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
343
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
344
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
345
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
346
|
+
}
|
|
227
347
|
|
|
228
348
|
var ChecklistStateDispatcher = /** @class */ (function (_super) {
|
|
229
349
|
__extends(ChecklistStateDispatcher, _super);
|
|
230
350
|
function ChecklistStateDispatcher() {
|
|
231
351
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
232
352
|
}
|
|
233
|
-
ChecklistStateDispatcher = __decorate([
|
|
234
|
-
core.Injectable()
|
|
235
|
-
], ChecklistStateDispatcher);
|
|
236
353
|
return ChecklistStateDispatcher;
|
|
237
354
|
}(listBuilderCommon.StateDispatcher));
|
|
355
|
+
ChecklistStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
356
|
+
ChecklistStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher });
|
|
357
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher, decorators: [{
|
|
358
|
+
type: i0.Injectable
|
|
359
|
+
}] });
|
|
238
360
|
var ChecklistStateOrchestrator = /** @class */ (function (_super) {
|
|
239
361
|
__extends(ChecklistStateOrchestrator, _super);
|
|
240
362
|
function ChecklistStateOrchestrator() {
|
|
@@ -279,30 +401,53 @@
|
|
|
279
401
|
ListViewChecklistItemsOrchestrator.prototype.load = function (state, action) {
|
|
280
402
|
var newListItems = action.items.map(function (item) { return new ListViewChecklistItemModel(item.id, item); });
|
|
281
403
|
if (action.refresh) {
|
|
282
|
-
return new listBuilderCommon.AsyncList(
|
|
404
|
+
return new listBuilderCommon.AsyncList(__spreadArray([], __read(newListItems)), action.dataChanged ? Date.now() : state.lastUpdate, false, state.count);
|
|
283
405
|
}
|
|
284
|
-
return new listBuilderCommon.AsyncList(
|
|
406
|
+
return new listBuilderCommon.AsyncList(__spreadArray(__spreadArray([], __read(state.items)), __read(newListItems)), action.dataChanged ? Date.now() : state.lastUpdate, false, action.itemCount);
|
|
285
407
|
};
|
|
286
408
|
return ListViewChecklistItemsOrchestrator;
|
|
287
409
|
}(ChecklistStateOrchestrator));
|
|
288
410
|
|
|
411
|
+
var ChecklistStateModel = /** @class */ (function () {
|
|
412
|
+
function ChecklistStateModel() {
|
|
413
|
+
this.items = new listBuilderCommon.AsyncList();
|
|
414
|
+
}
|
|
415
|
+
return ChecklistStateModel;
|
|
416
|
+
}());
|
|
417
|
+
|
|
289
418
|
var ChecklistState = /** @class */ (function (_super) {
|
|
290
419
|
__extends(ChecklistState, _super);
|
|
291
420
|
function ChecklistState(initialState, dispatcher) {
|
|
292
421
|
var _this = _super.call(this, initialState, dispatcher) || this;
|
|
293
|
-
_this.register('items', ListViewChecklistItemsOrchestrator)
|
|
294
|
-
.begin();
|
|
422
|
+
_this.register('items', ListViewChecklistItemsOrchestrator).begin();
|
|
295
423
|
return _this;
|
|
296
424
|
}
|
|
297
|
-
ChecklistState.ctorParameters = function () { return [
|
|
298
|
-
{ type: ChecklistStateModel },
|
|
299
|
-
{ type: ChecklistStateDispatcher }
|
|
300
|
-
]; };
|
|
301
|
-
ChecklistState = __decorate([
|
|
302
|
-
core.Injectable()
|
|
303
|
-
], ChecklistState);
|
|
304
425
|
return ChecklistState;
|
|
305
426
|
}(listBuilderCommon.StateNode));
|
|
427
|
+
ChecklistState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState, deps: [{ token: ChecklistStateModel }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
428
|
+
ChecklistState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState });
|
|
429
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState, decorators: [{
|
|
430
|
+
type: i0.Injectable
|
|
431
|
+
}], ctorParameters: function () { return [{ type: ChecklistStateModel }, { type: ChecklistStateDispatcher }]; } });
|
|
432
|
+
|
|
433
|
+
var SkyListViewChecklistItemComponent = /** @class */ (function () {
|
|
434
|
+
function SkyListViewChecklistItemComponent() {
|
|
435
|
+
}
|
|
436
|
+
return SkyListViewChecklistItemComponent;
|
|
437
|
+
}());
|
|
438
|
+
SkyListViewChecklistItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
439
|
+
SkyListViewChecklistItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: { item: "item" }, ngImport: i0__namespace, template: "<div class=\"sky-list-view-checklist-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-list-view-checklist-item{display:block;width:100%;cursor:pointer;word-wrap:break-word}.sky-list-view-checklist-item:last-child{border-bottom-width:0}.sky-list-view-checklist-item ::ng-deep sky-checkbox{display:block;position:relative;width:100%;padding:10px;cursor:pointer;border-bottom:1px dotted #cdcfd2}.sky-list-view-checklist-item ::ng-deep sky-checkbox-label div{overflow:hidden;text-overflow:ellipsis}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button{background-color:transparent;border:none;border-bottom:1px dotted #cdcfd2;display:block;text-align:left;margin-bottom:0;padding:10px;width:100%;cursor:pointer}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button.sky-list-view-checklist-row-selected{background-color:#f1eef6}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
440
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, decorators: [{
|
|
441
|
+
type: i0.Component,
|
|
442
|
+
args: [{
|
|
443
|
+
selector: 'sky-list-view-checklist-item',
|
|
444
|
+
template: "<div class=\"sky-list-view-checklist-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
445
|
+
styles: [".sky-list-view-checklist-item{display:block;width:100%;cursor:pointer;word-wrap:break-word}.sky-list-view-checklist-item:last-child{border-bottom-width:0}.sky-list-view-checklist-item ::ng-deep sky-checkbox{display:block;position:relative;width:100%;padding:10px;cursor:pointer;border-bottom:1px dotted #cdcfd2}.sky-list-view-checklist-item ::ng-deep sky-checkbox-label div{overflow:hidden;text-overflow:ellipsis}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button{background-color:transparent;border:none;border-bottom:1px dotted #cdcfd2;display:block;text-align:left;margin-bottom:0;padding:10px;width:100%;cursor:pointer}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button.sky-list-view-checklist-row-selected{background-color:#f1eef6}\n"],
|
|
446
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
447
|
+
}]
|
|
448
|
+
}], propDecorators: { item: [{
|
|
449
|
+
type: i0.Input
|
|
450
|
+
}] } });
|
|
306
451
|
|
|
307
452
|
var SkyListViewChecklistComponent = /** @class */ (function (_super) {
|
|
308
453
|
__extends(SkyListViewChecklistComponent, _super);
|
|
@@ -311,10 +456,23 @@
|
|
|
311
456
|
_this.dispatcher = dispatcher;
|
|
312
457
|
_this.checklistState = checklistState;
|
|
313
458
|
_this.checklistDispatcher = checklistDispatcher;
|
|
459
|
+
/**
|
|
460
|
+
* Specifies a search function to apply on the view data.
|
|
461
|
+
* The default function searches view data on label, description,
|
|
462
|
+
* and category if field selectors are defined for the given field.
|
|
463
|
+
* @default default search function
|
|
464
|
+
*/
|
|
314
465
|
_this.search = _this.searchFunction();
|
|
315
|
-
|
|
466
|
+
/**
|
|
467
|
+
* Specifies the name of the label field selector.
|
|
468
|
+
* @default 'label'
|
|
469
|
+
*/
|
|
470
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
316
471
|
_this.labelFieldSelector = 'label';
|
|
317
|
-
|
|
472
|
+
/**
|
|
473
|
+
* Specifies the name of the description field selector.
|
|
474
|
+
* @default 'description'
|
|
475
|
+
*/
|
|
318
476
|
_this.description = 'description';
|
|
319
477
|
_this.ngUnsubscribe = new rxjs.Subject();
|
|
320
478
|
_this._selectMode = 'multiple';
|
|
@@ -327,8 +485,12 @@
|
|
|
327
485
|
lastUpdate = items.lastUpdate;
|
|
328
486
|
var newItems = items.items.map(function (item) {
|
|
329
487
|
return new ListViewChecklistItemModel(item.id, {
|
|
330
|
-
label: _this.labelFieldSelector
|
|
331
|
-
|
|
488
|
+
label: _this.labelFieldSelector
|
|
489
|
+
? listBuilderCommon.getData(item.data, _this.labelFieldSelector)
|
|
490
|
+
: undefined,
|
|
491
|
+
description: _this.description
|
|
492
|
+
? listBuilderCommon.getData(item.data, _this.description)
|
|
493
|
+
: undefined,
|
|
332
494
|
});
|
|
333
495
|
});
|
|
334
496
|
_this.checklistDispatcher.next(new ListViewChecklistItemsLoadAction(newItems, true, dataChanged, items.count));
|
|
@@ -342,18 +504,27 @@
|
|
|
342
504
|
});
|
|
343
505
|
return _this;
|
|
344
506
|
}
|
|
345
|
-
SkyListViewChecklistComponent_1 = SkyListViewChecklistComponent;
|
|
346
507
|
Object.defineProperty(SkyListViewChecklistComponent.prototype, "name", {
|
|
508
|
+
/**
|
|
509
|
+
* Specifies the name of the view.
|
|
510
|
+
* @required
|
|
511
|
+
*/
|
|
347
512
|
set: function (value) {
|
|
348
513
|
this.viewName = value;
|
|
349
514
|
},
|
|
350
|
-
enumerable:
|
|
515
|
+
enumerable: false,
|
|
351
516
|
configurable: true
|
|
352
517
|
});
|
|
353
518
|
Object.defineProperty(SkyListViewChecklistComponent.prototype, "selectMode", {
|
|
354
519
|
get: function () {
|
|
355
520
|
return this._selectMode || 'multiple';
|
|
356
521
|
},
|
|
522
|
+
/**
|
|
523
|
+
* Specifies how many items users can select.
|
|
524
|
+
* `single` allows users to select one item in the checklist, while `multiple`
|
|
525
|
+
* allows users to select multiple items in the checklist.
|
|
526
|
+
* @default 'multiple'
|
|
527
|
+
*/
|
|
357
528
|
set: function (value) {
|
|
358
529
|
this._selectMode = value;
|
|
359
530
|
if (this.selectMode === 'multiple') {
|
|
@@ -365,17 +536,21 @@
|
|
|
365
536
|
}
|
|
366
537
|
this.reapplyFilter(this.showOnlySelected);
|
|
367
538
|
},
|
|
368
|
-
enumerable:
|
|
539
|
+
enumerable: false,
|
|
369
540
|
configurable: true
|
|
370
541
|
});
|
|
371
542
|
Object.defineProperty(SkyListViewChecklistComponent.prototype, "showOnlySelected", {
|
|
372
543
|
get: function () {
|
|
373
544
|
return this._showOnlySelected;
|
|
374
545
|
},
|
|
546
|
+
/**
|
|
547
|
+
* Indicates whether to display selected items only.
|
|
548
|
+
* @default false
|
|
549
|
+
*/
|
|
375
550
|
set: function (value) {
|
|
376
551
|
this._showOnlySelected = value;
|
|
377
552
|
},
|
|
378
|
-
enumerable:
|
|
553
|
+
enumerable: false,
|
|
379
554
|
configurable: true
|
|
380
555
|
});
|
|
381
556
|
SkyListViewChecklistComponent.prototype.ngOnInit = function () {
|
|
@@ -390,13 +565,14 @@
|
|
|
390
565
|
.subscribe(function (filters) {
|
|
391
566
|
var showSelectedFilter = filters.find(function (filter) { return filter.name === 'show-selected'; });
|
|
392
567
|
if (showSelectedFilter) {
|
|
393
|
-
_this._showOnlySelected =
|
|
568
|
+
_this._showOnlySelected = showSelectedFilter.value === 'true';
|
|
394
569
|
}
|
|
395
570
|
});
|
|
396
571
|
};
|
|
397
572
|
SkyListViewChecklistComponent.prototype.ngOnChanges = function (changes) {
|
|
398
573
|
if (changes['showOnlySelected'] &&
|
|
399
|
-
changes['showOnlySelected'].currentValue !==
|
|
574
|
+
changes['showOnlySelected'].currentValue !==
|
|
575
|
+
changes['showOnlySelected'].previousValue) {
|
|
400
576
|
this.reapplyFilter(changes['showOnlySelected'].currentValue);
|
|
401
577
|
}
|
|
402
578
|
};
|
|
@@ -418,8 +594,7 @@
|
|
|
418
594
|
this.state
|
|
419
595
|
.pipe(operators.map(function (state) { return state.items.items; }), operators.take(1))
|
|
420
596
|
.subscribe(function (items) {
|
|
421
|
-
_this.dispatcher
|
|
422
|
-
.next(new listBuilder.ListSelectedSetItemsSelectedAction(items.map(function (item) { return item.id; }), false, false));
|
|
597
|
+
_this.dispatcher.next(new i1.ListSelectedSetItemsSelectedAction(items.map(function (item) { return item.id; }), false, false));
|
|
423
598
|
/* istanbul ignore else */
|
|
424
599
|
if (_this.showOnlySelected) {
|
|
425
600
|
_this.reapplyFilter(_this.showOnlySelected);
|
|
@@ -436,8 +611,7 @@
|
|
|
436
611
|
this.state
|
|
437
612
|
.pipe(operators.map(function (state) { return state.items.items; }), operators.take(1))
|
|
438
613
|
.subscribe(function (items) {
|
|
439
|
-
_this.dispatcher
|
|
440
|
-
.next(new listBuilder.ListSelectedSetItemsSelectedAction(items.map(function (item) { return item.id; }), true, false));
|
|
614
|
+
_this.dispatcher.next(new i1.ListSelectedSetItemsSelectedAction(items.map(function (item) { return item.id; }), true, false));
|
|
441
615
|
/* istanbul ignore else */
|
|
442
616
|
if (_this.showOnlySelected) {
|
|
443
617
|
_this.reapplyFilter(_this.showOnlySelected);
|
|
@@ -456,7 +630,7 @@
|
|
|
456
630
|
fieldSelectors.push(this.description);
|
|
457
631
|
}
|
|
458
632
|
this.dispatcher.searchSetFieldSelectors(fieldSelectors);
|
|
459
|
-
this.dispatcher.next(new
|
|
633
|
+
this.dispatcher.next(new i1.ListToolbarSetTypeAction('search'));
|
|
460
634
|
};
|
|
461
635
|
SkyListViewChecklistComponent.prototype.ngOnDestroy = function () {
|
|
462
636
|
this.ngUnsubscribe.next();
|
|
@@ -466,7 +640,7 @@
|
|
|
466
640
|
get: function () {
|
|
467
641
|
return this.checklistState.pipe(operators.map(function (state) { return state.items.items; }));
|
|
468
642
|
},
|
|
469
|
-
enumerable:
|
|
643
|
+
enumerable: false,
|
|
470
644
|
configurable: true
|
|
471
645
|
});
|
|
472
646
|
SkyListViewChecklistComponent.prototype.searchFunction = function () {
|
|
@@ -474,23 +648,19 @@
|
|
|
474
648
|
return function (data, searchText) {
|
|
475
649
|
if (_this.labelFieldSelector !== undefined) {
|
|
476
650
|
var label = listBuilderCommon.getData(data, _this.labelFieldSelector);
|
|
477
|
-
/* tslint:disable:no-null-keyword */
|
|
478
651
|
if (label !== undefined &&
|
|
479
652
|
label !== null &&
|
|
480
653
|
label.toString().toLowerCase().indexOf(searchText) !== -1) {
|
|
481
654
|
return true;
|
|
482
655
|
}
|
|
483
|
-
/* tslint:enable:no-null-keyword */
|
|
484
656
|
}
|
|
485
657
|
if (_this.description !== undefined) {
|
|
486
658
|
var description = listBuilderCommon.getData(data, _this.description);
|
|
487
|
-
/* tslint:disable:no-null-keyword */
|
|
488
659
|
if (description !== undefined &&
|
|
489
660
|
description !== null &&
|
|
490
661
|
description.toString().toLowerCase().indexOf(searchText) !== -1) {
|
|
491
662
|
return true;
|
|
492
663
|
}
|
|
493
|
-
/* tslint:enable:no-null-keyword */
|
|
494
664
|
}
|
|
495
665
|
return false;
|
|
496
666
|
};
|
|
@@ -499,22 +669,23 @@
|
|
|
499
669
|
return this.state.pipe(operators.map(function (state) { return state.selected.item.selectedIdMap.get(id); }));
|
|
500
670
|
};
|
|
501
671
|
SkyListViewChecklistComponent.prototype.setItemSelection = function (item, event) {
|
|
502
|
-
this.dispatcher.next(new
|
|
672
|
+
this.dispatcher.next(new i1.ListSelectedSetItemSelectedAction(item.id, event.checked));
|
|
503
673
|
};
|
|
504
674
|
SkyListViewChecklistComponent.prototype.singleSelectRowClick = function (item) {
|
|
505
|
-
this.dispatcher.next(new
|
|
675
|
+
this.dispatcher.next(new i1.ListSelectedSetItemsSelectedAction([item.id], true, true));
|
|
506
676
|
};
|
|
507
677
|
SkyListViewChecklistComponent.prototype.getShowSelectedFilter = function (isSelected) {
|
|
508
678
|
var _this = this;
|
|
509
|
-
return new
|
|
679
|
+
return new i1.ListFilterModel({
|
|
510
680
|
name: 'show-selected',
|
|
511
681
|
value: isSelected.toString(),
|
|
512
682
|
filterFunction: function (model, showOnlySelected) {
|
|
683
|
+
/* istanbul ignore else */
|
|
513
684
|
if (showOnlySelected.toString() !== false.toString()) {
|
|
514
685
|
return _this._selectedIdMap.get(model.id);
|
|
515
686
|
}
|
|
516
687
|
},
|
|
517
|
-
defaultValue: false.toString()
|
|
688
|
+
defaultValue: false.toString(),
|
|
518
689
|
});
|
|
519
690
|
};
|
|
520
691
|
SkyListViewChecklistComponent.prototype.reapplyFilter = function (isSelected) {
|
|
@@ -536,89 +707,74 @@
|
|
|
536
707
|
}
|
|
537
708
|
return true;
|
|
538
709
|
};
|
|
539
|
-
var SkyListViewChecklistComponent_1;
|
|
540
|
-
SkyListViewChecklistComponent.ctorParameters = function () { return [
|
|
541
|
-
{ type: listBuilder.ListState },
|
|
542
|
-
{ type: listBuilder.ListStateDispatcher },
|
|
543
|
-
{ type: ChecklistState },
|
|
544
|
-
{ type: ChecklistStateDispatcher }
|
|
545
|
-
]; };
|
|
546
|
-
__decorate([
|
|
547
|
-
core.Input()
|
|
548
|
-
], SkyListViewChecklistComponent.prototype, "name", null);
|
|
549
|
-
__decorate([
|
|
550
|
-
core.Input()
|
|
551
|
-
], SkyListViewChecklistComponent.prototype, "search", void 0);
|
|
552
|
-
__decorate([
|
|
553
|
-
core.Input('label')
|
|
554
|
-
], SkyListViewChecklistComponent.prototype, "labelFieldSelector", void 0);
|
|
555
|
-
__decorate([
|
|
556
|
-
core.Input()
|
|
557
|
-
], SkyListViewChecklistComponent.prototype, "description", void 0);
|
|
558
|
-
__decorate([
|
|
559
|
-
core.Input()
|
|
560
|
-
], SkyListViewChecklistComponent.prototype, "selectMode", null);
|
|
561
|
-
__decorate([
|
|
562
|
-
core.Input()
|
|
563
|
-
], SkyListViewChecklistComponent.prototype, "showOnlySelected", null);
|
|
564
|
-
SkyListViewChecklistComponent = SkyListViewChecklistComponent_1 = __decorate([
|
|
565
|
-
core.Component({
|
|
566
|
-
selector: 'sky-list-view-checklist',
|
|
567
|
-
template: "<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n <div [ngSwitch]=\"selectMode\">\n <ng-template ngSwitchCase=\"single\">\n <div role=\"radiogroup\">\n <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\"\n >\n <button\n role=\"radio\"\n type=\"button\"\n class=\"sky-list-view-checklist-single-button\"\n [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n [ngClass]=\"{ 'sky-list-view-checklist-row-selected' : (itemSelected(item.id) | async) }\"\n (click)=\"singleSelectRowClick(item)\"\n >\n <div *ngIf=\"item.label\"\n class=\"sky-emphasized\"\n >\n {{item.label}}\n </div>\n <div *ngIf=\"item.description\">{{item.description}}</div>\n </button>\n </sky-list-view-checklist-item>\n </div>\n </ng-template>\n\n <ng-template ngSwitchDefault>\n <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\">\n <sky-checkbox\n [checked]=\"itemSelected(item.id) | async\"\n (change)=\"setItemSelection(item, $event)\">\n <sky-checkbox-label>\n <div *ngIf=\"item.label\"\n class=\"sky-emphasized\"\n [attr.title]=\"item.label\"\n >\n {{item.label}}\n </div>\n <div *ngIf=\"item.description\"\n [attr.title]=\"item.description\"\n >\n {{item.description}}\n </div>\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-list-view-checklist-item>\n </ng-template>\n </div>\n</div>\n",
|
|
568
|
-
providers: [
|
|
569
|
-
/* tslint:disable */
|
|
570
|
-
{ provide: listBuilder.ListViewComponent, useExisting: core.forwardRef(function () { return SkyListViewChecklistComponent_1; }) },
|
|
571
|
-
/* tslint:enable */
|
|
572
|
-
ChecklistState,
|
|
573
|
-
ChecklistStateDispatcher,
|
|
574
|
-
ChecklistStateModel
|
|
575
|
-
],
|
|
576
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
577
|
-
styles: [".sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper{display:flex;align-items:flex-start}.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>.sky-checkbox,.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>input{flex:1;max-width:22px}.sky-list-view-checklist ::ng-deep .sky-switch{white-space:nowrap}.sky-list-view-checklist ::ng-deep .sky-switch-label{margin:0}.sky-list-view-checklist ::ng-deep sky-checkbox-label{min-width:0}.sky-list-view-checklist ::ng-deep .sky-switch-control{margin:0 5px 0 0}"]
|
|
578
|
-
})
|
|
579
|
-
], SkyListViewChecklistComponent);
|
|
580
710
|
return SkyListViewChecklistComponent;
|
|
581
|
-
}(
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
selector:
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
],
|
|
597
|
-
|
|
598
|
-
|
|
711
|
+
}(i1.ListViewComponent));
|
|
712
|
+
SkyListViewChecklistComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: ChecklistState }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
713
|
+
SkyListViewChecklistComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: { name: "name", search: "search", labelFieldSelector: ["label", "labelFieldSelector"], description: "description", selectMode: "selectMode", showOnlySelected: "showOnlySelected" }, providers: [
|
|
714
|
+
{
|
|
715
|
+
provide: i1.ListViewComponent,
|
|
716
|
+
useExisting: i0.forwardRef(function () { return SkyListViewChecklistComponent; }),
|
|
717
|
+
},
|
|
718
|
+
ChecklistState,
|
|
719
|
+
ChecklistStateDispatcher,
|
|
720
|
+
ChecklistStateModel,
|
|
721
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n <div [ngSwitch]=\"selectMode\">\n <ng-template ngSwitchCase=\"single\">\n <div role=\"radiogroup\">\n <sky-list-view-checklist-item\n *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\"\n >\n <button\n role=\"radio\"\n type=\"button\"\n class=\"sky-list-view-checklist-single-button\"\n [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n [ngClass]=\"{\n 'sky-list-view-checklist-row-selected':\n (itemSelected(item.id) | async)\n }\"\n (click)=\"singleSelectRowClick(item)\"\n >\n <div *ngIf=\"item.label\" class=\"sky-emphasized\">\n {{ item.label }}\n </div>\n <div *ngIf=\"item.description\">{{ item.description }}</div>\n </button>\n </sky-list-view-checklist-item>\n </div>\n </ng-template>\n\n <ng-template ngSwitchDefault>\n <sky-list-view-checklist-item\n *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\"\n >\n <sky-checkbox\n [checked]=\"itemSelected(item.id) | async\"\n (change)=\"setItemSelection(item, $event)\"\n >\n <sky-checkbox-label>\n <div\n *ngIf=\"item.label\"\n class=\"sky-emphasized\"\n [attr.title]=\"item.label\"\n >\n {{ item.label }}\n </div>\n <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n {{ item.description }}\n </div>\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-list-view-checklist-item>\n </ng-template>\n </div>\n</div>\n", styles: [".sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper{display:flex;align-items:flex-start}.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>.sky-checkbox,.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>input{flex:1;max-width:22px}.sky-list-view-checklist ::ng-deep .sky-switch{white-space:nowrap}.sky-list-view-checklist ::ng-deep .sky-switch-label{margin:0}.sky-list-view-checklist ::ng-deep sky-checkbox-label{min-width:0}.sky-list-view-checklist ::ng-deep .sky-switch-control{margin:0 5px 0 0}\n"], components: [{ type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: ["item"] }, { type: i5__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5__namespace.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i6__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
722
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistComponent, decorators: [{
|
|
723
|
+
type: i0.Component,
|
|
724
|
+
args: [{
|
|
725
|
+
selector: 'sky-list-view-checklist',
|
|
726
|
+
template: "<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n <div [ngSwitch]=\"selectMode\">\n <ng-template ngSwitchCase=\"single\">\n <div role=\"radiogroup\">\n <sky-list-view-checklist-item\n *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\"\n >\n <button\n role=\"radio\"\n type=\"button\"\n class=\"sky-list-view-checklist-single-button\"\n [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n [ngClass]=\"{\n 'sky-list-view-checklist-row-selected':\n (itemSelected(item.id) | async)\n }\"\n (click)=\"singleSelectRowClick(item)\"\n >\n <div *ngIf=\"item.label\" class=\"sky-emphasized\">\n {{ item.label }}\n </div>\n <div *ngIf=\"item.description\">{{ item.description }}</div>\n </button>\n </sky-list-view-checklist-item>\n </div>\n </ng-template>\n\n <ng-template ngSwitchDefault>\n <sky-list-view-checklist-item\n *ngFor=\"let item of items | async\"\n [attr.sky-cmp-id]=\"item.id\"\n [item]=\"item\"\n >\n <sky-checkbox\n [checked]=\"itemSelected(item.id) | async\"\n (change)=\"setItemSelection(item, $event)\"\n >\n <sky-checkbox-label>\n <div\n *ngIf=\"item.label\"\n class=\"sky-emphasized\"\n [attr.title]=\"item.label\"\n >\n {{ item.label }}\n </div>\n <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n {{ item.description }}\n </div>\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-list-view-checklist-item>\n </ng-template>\n </div>\n</div>\n",
|
|
727
|
+
styles: [".sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper{display:flex;align-items:flex-start}.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>.sky-checkbox,.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>input{flex:1;max-width:22px}.sky-list-view-checklist ::ng-deep .sky-switch{white-space:nowrap}.sky-list-view-checklist ::ng-deep .sky-switch-label{margin:0}.sky-list-view-checklist ::ng-deep sky-checkbox-label{min-width:0}.sky-list-view-checklist ::ng-deep .sky-switch-control{margin:0 5px 0 0}\n"],
|
|
728
|
+
providers: [
|
|
729
|
+
{
|
|
730
|
+
provide: i1.ListViewComponent,
|
|
731
|
+
useExisting: i0.forwardRef(function () { return SkyListViewChecklistComponent; }),
|
|
732
|
+
},
|
|
733
|
+
ChecklistState,
|
|
734
|
+
ChecklistStateDispatcher,
|
|
735
|
+
ChecklistStateModel,
|
|
736
|
+
],
|
|
737
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
738
|
+
}]
|
|
739
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.ListState }, { type: i1__namespace.ListStateDispatcher }, { type: ChecklistState }, { type: ChecklistStateDispatcher }]; }, propDecorators: { name: [{
|
|
740
|
+
type: i0.Input
|
|
741
|
+
}], search: [{
|
|
742
|
+
type: i0.Input
|
|
743
|
+
}], labelFieldSelector: [{
|
|
744
|
+
type: i0.Input,
|
|
745
|
+
args: ['label']
|
|
746
|
+
}], description: [{
|
|
747
|
+
type: i0.Input
|
|
748
|
+
}], selectMode: [{
|
|
749
|
+
type: i0.Input
|
|
750
|
+
}], showOnlySelected: [{
|
|
751
|
+
type: i0.Input
|
|
752
|
+
}] } });
|
|
599
753
|
|
|
600
754
|
var SkyListViewChecklistModule = /** @class */ (function () {
|
|
601
755
|
function SkyListViewChecklistModule() {
|
|
602
756
|
}
|
|
603
|
-
SkyListViewChecklistModule = __decorate([
|
|
604
|
-
core.NgModule({
|
|
605
|
-
declarations: [
|
|
606
|
-
SkyListViewChecklistComponent,
|
|
607
|
-
SkyListViewChecklistItemComponent
|
|
608
|
-
],
|
|
609
|
-
imports: [
|
|
610
|
-
common.CommonModule,
|
|
611
|
-
forms.FormsModule,
|
|
612
|
-
forms$1.SkyCheckboxModule
|
|
613
|
-
],
|
|
614
|
-
exports: [
|
|
615
|
-
SkyListViewChecklistComponent,
|
|
616
|
-
SkyListViewChecklistItemComponent
|
|
617
|
-
]
|
|
618
|
-
})
|
|
619
|
-
], SkyListViewChecklistModule);
|
|
620
757
|
return SkyListViewChecklistModule;
|
|
621
758
|
}());
|
|
759
|
+
SkyListViewChecklistModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
760
|
+
SkyListViewChecklistModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, declarations: [SkyListViewChecklistComponent,
|
|
761
|
+
SkyListViewChecklistItemComponent], imports: [i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule], exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent] });
|
|
762
|
+
SkyListViewChecklistModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, imports: [[i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule]] });
|
|
763
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, decorators: [{
|
|
764
|
+
type: i0.NgModule,
|
|
765
|
+
args: [{
|
|
766
|
+
declarations: [
|
|
767
|
+
SkyListViewChecklistComponent,
|
|
768
|
+
SkyListViewChecklistItemComponent,
|
|
769
|
+
],
|
|
770
|
+
imports: [i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule],
|
|
771
|
+
exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent],
|
|
772
|
+
}]
|
|
773
|
+
}] });
|
|
774
|
+
|
|
775
|
+
/**
|
|
776
|
+
* Generated bundle index. Do not edit.
|
|
777
|
+
*/
|
|
622
778
|
|
|
623
779
|
exports.ChecklistState = ChecklistState;
|
|
624
780
|
exports.ChecklistStateDispatcher = ChecklistStateDispatcher;
|
|
@@ -629,9 +785,9 @@
|
|
|
629
785
|
exports.ListViewChecklistItemsOrchestrator = ListViewChecklistItemsOrchestrator;
|
|
630
786
|
exports.SkyListViewChecklistComponent = SkyListViewChecklistComponent;
|
|
631
787
|
exports.SkyListViewChecklistModule = SkyListViewChecklistModule;
|
|
632
|
-
exports
|
|
788
|
+
exports["λ1"] = SkyListViewChecklistItemComponent;
|
|
633
789
|
|
|
634
790
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
635
791
|
|
|
636
|
-
}))
|
|
792
|
+
}));
|
|
637
793
|
//# sourceMappingURL=skyux-list-builder-view-checklist.umd.js.map
|