@sd-angular/core 1.2.21 → 1.2.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sd-angular-core-select-badge.umd.js +485 -0
- package/bundles/sd-angular-core-select-badge.umd.js.map +1 -0
- package/bundles/sd-angular-core-select-badge.umd.min.js +16 -0
- package/bundles/sd-angular-core-select-badge.umd.min.js.map +1 -0
- package/esm2015/select-badge/index.js +2 -0
- package/esm2015/select-badge/sd-angular-core-select-badge.js +5 -0
- package/esm2015/select-badge/src/lib/select-badge-display-def.directive.js +15 -0
- package/esm2015/select-badge/src/lib/select-badge.component.js +88 -0
- package/esm2015/select-badge/src/lib/select-badge.module.js +45 -0
- package/esm2015/select-badge/src/public-api.js +7 -0
- package/fesm2015/sd-angular-core-select-badge.js +155 -0
- package/fesm2015/sd-angular-core-select-badge.js.map +1 -0
- package/package.json +1 -1
- package/{sd-angular-core-1.2.21.tgz → sd-angular-core-1.2.22.tgz} +0 -0
- package/select-badge/index.d.ts +1 -0
- package/select-badge/package.json +12 -0
- package/select-badge/sd-angular-core-select-badge.d.ts +4 -0
- package/select-badge/sd-angular-core-select-badge.metadata.json +1 -0
- package/select-badge/src/lib/select-badge-display-def.directive.d.ts +5 -0
- package/select-badge/src/lib/select-badge.component.d.ts +32 -0
- package/select-badge/src/lib/select-badge.module.d.ts +2 -0
- package/select-badge/src/public-api.d.ts +3 -0
|
@@ -0,0 +1,485 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/material/progress-spinner'), require('rxjs'), require('rxjs/operators'), require('@angular/material/select'), require('@sd-angular/core/translate'), require('@angular/material/checkbox'), require('@sd-angular/core/common')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@sd-angular/core/select-badge', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/icon', '@angular/material/tooltip', '@angular/material/progress-spinner', 'rxjs', 'rxjs/operators', '@angular/material/select', '@sd-angular/core/translate', '@angular/material/checkbox', '@sd-angular/core/common'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['select-badge'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.icon, global.ng.material.tooltip, global.ng.material.progressSpinner, global.rxjs, global.rxjs.operators, global.ng.material.select, global['sd-angular'].core.translate, global.ng.material.checkbox, global['sd-angular'].core.common));
|
|
5
|
+
}(this, (function (exports, core, common, forms, formField, input, icon, tooltip, progressSpinner, rxjs, operators, select, translate, checkbox, common$1) { 'use strict';
|
|
6
|
+
|
|
7
|
+
/*! *****************************************************************************
|
|
8
|
+
Copyright (c) Microsoft Corporation.
|
|
9
|
+
|
|
10
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
11
|
+
purpose with or without fee is hereby granted.
|
|
12
|
+
|
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
15
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
16
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
17
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
18
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
19
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
20
|
+
***************************************************************************** */
|
|
21
|
+
/* global Reflect, Promise */
|
|
22
|
+
var extendStatics = function (d, b) {
|
|
23
|
+
extendStatics = Object.setPrototypeOf ||
|
|
24
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
25
|
+
function (d, b) { for (var p in b)
|
|
26
|
+
if (Object.prototype.hasOwnProperty.call(b, p))
|
|
27
|
+
d[p] = b[p]; };
|
|
28
|
+
return extendStatics(d, b);
|
|
29
|
+
};
|
|
30
|
+
function __extends(d, b) {
|
|
31
|
+
if (typeof b !== "function" && b !== null)
|
|
32
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
33
|
+
extendStatics(d, b);
|
|
34
|
+
function __() { this.constructor = d; }
|
|
35
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
36
|
+
}
|
|
37
|
+
var __assign = function () {
|
|
38
|
+
__assign = Object.assign || function __assign(t) {
|
|
39
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
40
|
+
s = arguments[i];
|
|
41
|
+
for (var p in s)
|
|
42
|
+
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
return __assign.apply(this, arguments);
|
|
48
|
+
};
|
|
49
|
+
function __rest(s, e) {
|
|
50
|
+
var t = {};
|
|
51
|
+
for (var p in s)
|
|
52
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
53
|
+
t[p] = s[p];
|
|
54
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
55
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
57
|
+
t[p[i]] = s[p[i]];
|
|
58
|
+
}
|
|
59
|
+
return t;
|
|
60
|
+
}
|
|
61
|
+
function __decorate(decorators, target, key, desc) {
|
|
62
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
63
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
64
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
65
|
+
else
|
|
66
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
67
|
+
if (d = decorators[i])
|
|
68
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
69
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
70
|
+
}
|
|
71
|
+
function __param(paramIndex, decorator) {
|
|
72
|
+
return function (target, key) { decorator(target, key, paramIndex); };
|
|
73
|
+
}
|
|
74
|
+
function __metadata(metadataKey, metadataValue) {
|
|
75
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
76
|
+
return Reflect.metadata(metadataKey, metadataValue);
|
|
77
|
+
}
|
|
78
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
79
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
80
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
81
|
+
function fulfilled(value) { try {
|
|
82
|
+
step(generator.next(value));
|
|
83
|
+
}
|
|
84
|
+
catch (e) {
|
|
85
|
+
reject(e);
|
|
86
|
+
} }
|
|
87
|
+
function rejected(value) { try {
|
|
88
|
+
step(generator["throw"](value));
|
|
89
|
+
}
|
|
90
|
+
catch (e) {
|
|
91
|
+
reject(e);
|
|
92
|
+
} }
|
|
93
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
94
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function __generator(thisArg, body) {
|
|
98
|
+
var _ = { label: 0, sent: function () { if (t[0] & 1)
|
|
99
|
+
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
100
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
|
|
101
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
102
|
+
function step(op) {
|
|
103
|
+
if (f)
|
|
104
|
+
throw new TypeError("Generator is already executing.");
|
|
105
|
+
while (_)
|
|
106
|
+
try {
|
|
107
|
+
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)
|
|
108
|
+
return t;
|
|
109
|
+
if (y = 0, t)
|
|
110
|
+
op = [op[0] & 2, t.value];
|
|
111
|
+
switch (op[0]) {
|
|
112
|
+
case 0:
|
|
113
|
+
case 1:
|
|
114
|
+
t = op;
|
|
115
|
+
break;
|
|
116
|
+
case 4:
|
|
117
|
+
_.label++;
|
|
118
|
+
return { value: op[1], done: false };
|
|
119
|
+
case 5:
|
|
120
|
+
_.label++;
|
|
121
|
+
y = op[1];
|
|
122
|
+
op = [0];
|
|
123
|
+
continue;
|
|
124
|
+
case 7:
|
|
125
|
+
op = _.ops.pop();
|
|
126
|
+
_.trys.pop();
|
|
127
|
+
continue;
|
|
128
|
+
default:
|
|
129
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
130
|
+
_ = 0;
|
|
131
|
+
continue;
|
|
132
|
+
}
|
|
133
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
|
|
134
|
+
_.label = op[1];
|
|
135
|
+
break;
|
|
136
|
+
}
|
|
137
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
138
|
+
_.label = t[1];
|
|
139
|
+
t = op;
|
|
140
|
+
break;
|
|
141
|
+
}
|
|
142
|
+
if (t && _.label < t[2]) {
|
|
143
|
+
_.label = t[2];
|
|
144
|
+
_.ops.push(op);
|
|
145
|
+
break;
|
|
146
|
+
}
|
|
147
|
+
if (t[2])
|
|
148
|
+
_.ops.pop();
|
|
149
|
+
_.trys.pop();
|
|
150
|
+
continue;
|
|
151
|
+
}
|
|
152
|
+
op = body.call(thisArg, _);
|
|
153
|
+
}
|
|
154
|
+
catch (e) {
|
|
155
|
+
op = [6, e];
|
|
156
|
+
y = 0;
|
|
157
|
+
}
|
|
158
|
+
finally {
|
|
159
|
+
f = t = 0;
|
|
160
|
+
}
|
|
161
|
+
if (op[0] & 5)
|
|
162
|
+
throw op[1];
|
|
163
|
+
return { value: op[0] ? op[1] : void 0, done: true };
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
|
167
|
+
if (k2 === undefined)
|
|
168
|
+
k2 = k;
|
|
169
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
|
|
170
|
+
}) : (function (o, m, k, k2) {
|
|
171
|
+
if (k2 === undefined)
|
|
172
|
+
k2 = k;
|
|
173
|
+
o[k2] = m[k];
|
|
174
|
+
});
|
|
175
|
+
function __exportStar(m, o) {
|
|
176
|
+
for (var p in m)
|
|
177
|
+
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
|
|
178
|
+
__createBinding(o, m, p);
|
|
179
|
+
}
|
|
180
|
+
function __values(o) {
|
|
181
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
182
|
+
if (m)
|
|
183
|
+
return m.call(o);
|
|
184
|
+
if (o && typeof o.length === "number")
|
|
185
|
+
return {
|
|
186
|
+
next: function () {
|
|
187
|
+
if (o && i >= o.length)
|
|
188
|
+
o = void 0;
|
|
189
|
+
return { value: o && o[i++], done: !o };
|
|
190
|
+
}
|
|
191
|
+
};
|
|
192
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
193
|
+
}
|
|
194
|
+
function __read(o, n) {
|
|
195
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
196
|
+
if (!m)
|
|
197
|
+
return o;
|
|
198
|
+
var i = m.call(o), r, ar = [], e;
|
|
199
|
+
try {
|
|
200
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
|
|
201
|
+
ar.push(r.value);
|
|
202
|
+
}
|
|
203
|
+
catch (error) {
|
|
204
|
+
e = { error: error };
|
|
205
|
+
}
|
|
206
|
+
finally {
|
|
207
|
+
try {
|
|
208
|
+
if (r && !r.done && (m = i["return"]))
|
|
209
|
+
m.call(i);
|
|
210
|
+
}
|
|
211
|
+
finally {
|
|
212
|
+
if (e)
|
|
213
|
+
throw e.error;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
return ar;
|
|
217
|
+
}
|
|
218
|
+
/** @deprecated */
|
|
219
|
+
function __spread() {
|
|
220
|
+
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
221
|
+
ar = ar.concat(__read(arguments[i]));
|
|
222
|
+
return ar;
|
|
223
|
+
}
|
|
224
|
+
/** @deprecated */
|
|
225
|
+
function __spreadArrays() {
|
|
226
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
|
227
|
+
s += arguments[i].length;
|
|
228
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
229
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
230
|
+
r[k] = a[j];
|
|
231
|
+
return r;
|
|
232
|
+
}
|
|
233
|
+
function __spreadArray(to, from, pack) {
|
|
234
|
+
if (pack || arguments.length === 2)
|
|
235
|
+
for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
236
|
+
if (ar || !(i in from)) {
|
|
237
|
+
if (!ar)
|
|
238
|
+
ar = Array.prototype.slice.call(from, 0, i);
|
|
239
|
+
ar[i] = from[i];
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
243
|
+
}
|
|
244
|
+
function __await(v) {
|
|
245
|
+
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
246
|
+
}
|
|
247
|
+
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
248
|
+
if (!Symbol.asyncIterator)
|
|
249
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
250
|
+
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
251
|
+
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
252
|
+
function verb(n) { if (g[n])
|
|
253
|
+
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
254
|
+
function resume(n, v) { try {
|
|
255
|
+
step(g[n](v));
|
|
256
|
+
}
|
|
257
|
+
catch (e) {
|
|
258
|
+
settle(q[0][3], e);
|
|
259
|
+
} }
|
|
260
|
+
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
261
|
+
function fulfill(value) { resume("next", value); }
|
|
262
|
+
function reject(value) { resume("throw", value); }
|
|
263
|
+
function settle(f, v) { if (f(v), q.shift(), q.length)
|
|
264
|
+
resume(q[0][0], q[0][1]); }
|
|
265
|
+
}
|
|
266
|
+
function __asyncDelegator(o) {
|
|
267
|
+
var i, p;
|
|
268
|
+
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
269
|
+
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; }
|
|
270
|
+
}
|
|
271
|
+
function __asyncValues(o) {
|
|
272
|
+
if (!Symbol.asyncIterator)
|
|
273
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
274
|
+
var m = o[Symbol.asyncIterator], i;
|
|
275
|
+
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);
|
|
276
|
+
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); }); }; }
|
|
277
|
+
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
|
|
278
|
+
}
|
|
279
|
+
function __makeTemplateObject(cooked, raw) {
|
|
280
|
+
if (Object.defineProperty) {
|
|
281
|
+
Object.defineProperty(cooked, "raw", { value: raw });
|
|
282
|
+
}
|
|
283
|
+
else {
|
|
284
|
+
cooked.raw = raw;
|
|
285
|
+
}
|
|
286
|
+
return cooked;
|
|
287
|
+
}
|
|
288
|
+
;
|
|
289
|
+
var __setModuleDefault = Object.create ? (function (o, v) {
|
|
290
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
291
|
+
}) : function (o, v) {
|
|
292
|
+
o["default"] = v;
|
|
293
|
+
};
|
|
294
|
+
function __importStar(mod) {
|
|
295
|
+
if (mod && mod.__esModule)
|
|
296
|
+
return mod;
|
|
297
|
+
var result = {};
|
|
298
|
+
if (mod != null)
|
|
299
|
+
for (var k in mod)
|
|
300
|
+
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
|
|
301
|
+
__createBinding(result, mod, k);
|
|
302
|
+
__setModuleDefault(result, mod);
|
|
303
|
+
return result;
|
|
304
|
+
}
|
|
305
|
+
function __importDefault(mod) {
|
|
306
|
+
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
307
|
+
}
|
|
308
|
+
function __classPrivateFieldGet(receiver, state, kind, f) {
|
|
309
|
+
if (kind === "a" && !f)
|
|
310
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
311
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
312
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
313
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
314
|
+
}
|
|
315
|
+
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
|
316
|
+
if (kind === "m")
|
|
317
|
+
throw new TypeError("Private method is not writable");
|
|
318
|
+
if (kind === "a" && !f)
|
|
319
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
320
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
321
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
322
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
var _subscription, _modelChanges;
|
|
326
|
+
var SdSelectBadge = /** @class */ (function () {
|
|
327
|
+
function SdSelectBadge(ref) {
|
|
328
|
+
var _this = this;
|
|
329
|
+
this.ref = ref;
|
|
330
|
+
// Items
|
|
331
|
+
this.items = [];
|
|
332
|
+
this.modelChange = new core.EventEmitter();
|
|
333
|
+
this.sdChange = new core.EventEmitter();
|
|
334
|
+
this.sdSelection = new core.EventEmitter();
|
|
335
|
+
_subscription.set(this, new rxjs.Subscription());
|
|
336
|
+
_modelChanges.set(this, new rxjs.Subject());
|
|
337
|
+
this.isShowContent = false;
|
|
338
|
+
this.onToogle = function () {
|
|
339
|
+
_this.isShowContent = !_this.isShowContent;
|
|
340
|
+
};
|
|
341
|
+
this.onModelChange = function (val) {
|
|
342
|
+
_this.modelChange.emit(val);
|
|
343
|
+
_this.sdChange.emit(val);
|
|
344
|
+
};
|
|
345
|
+
}
|
|
346
|
+
Object.defineProperty(SdSelectBadge.prototype, "model", {
|
|
347
|
+
set: function (val) {
|
|
348
|
+
if (this.value !== val) {
|
|
349
|
+
this.value = val;
|
|
350
|
+
__classPrivateFieldGet(this, _modelChanges).next(val);
|
|
351
|
+
}
|
|
352
|
+
},
|
|
353
|
+
enumerable: false,
|
|
354
|
+
configurable: true
|
|
355
|
+
});
|
|
356
|
+
Object.defineProperty(SdSelectBadge.prototype, "_items", {
|
|
357
|
+
set: function (items) {
|
|
358
|
+
if (!Array.isArray(items)) {
|
|
359
|
+
this.items = [];
|
|
360
|
+
}
|
|
361
|
+
this.items = items;
|
|
362
|
+
},
|
|
363
|
+
enumerable: false,
|
|
364
|
+
configurable: true
|
|
365
|
+
});
|
|
366
|
+
SdSelectBadge.prototype.clickout = function (event) {
|
|
367
|
+
if (!this.selectbadge.nativeElement.contains(event.target)) {
|
|
368
|
+
this.isShowContent = false;
|
|
369
|
+
}
|
|
370
|
+
};
|
|
371
|
+
SdSelectBadge.prototype.ngOnInit = function () {
|
|
372
|
+
var _this = this;
|
|
373
|
+
__classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _modelChanges).pipe(operators.startWith(this.value)).subscribe(function () {
|
|
374
|
+
var _a;
|
|
375
|
+
_this.selectedItem = (_a = _this.items) === null || _a === void 0 ? void 0 : _a.find(function (e) { var _a, _b; return ((_a = _this.value) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = e === null || e === void 0 ? void 0 : e[_this.valueField]) === null || _b === void 0 ? void 0 : _b.toString()); });
|
|
376
|
+
}));
|
|
377
|
+
};
|
|
378
|
+
SdSelectBadge.prototype.onSelected = function (item) {
|
|
379
|
+
var _this = this;
|
|
380
|
+
var _a;
|
|
381
|
+
this.selectedItem = item;
|
|
382
|
+
var emitVal = this.selectedItem[this.valueField];
|
|
383
|
+
this.modelChange.emit(emitVal);
|
|
384
|
+
this.sdChange.emit(emitVal);
|
|
385
|
+
this.sdSelection.emit({
|
|
386
|
+
value: emitVal,
|
|
387
|
+
item: (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(function (e) { var _a; return (emitVal === null || emitVal === void 0 ? void 0 : emitVal.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); })
|
|
388
|
+
});
|
|
389
|
+
};
|
|
390
|
+
return SdSelectBadge;
|
|
391
|
+
}());
|
|
392
|
+
_subscription = new WeakMap(), _modelChanges = new WeakMap();
|
|
393
|
+
SdSelectBadge.decorators = [
|
|
394
|
+
{ type: core.Component, args: [{
|
|
395
|
+
selector: 'sd-select-badge',
|
|
396
|
+
template: "<label *ngIf=\"label\" class=\"d-block mb-6 T14M\">{{label}}</label>\r\n<div #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n <div class=\"c-selectbadge-dropdown__label\">\r\n <div class=\"media align-items-center\">\r\n <div class=\"media-body d-flex align-items-center\">\r\n <ng-container *ngIf=\"selectedItem\">\r\n <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n 'material-icons-outlined': !selectedItem[iconColorField],\r\n 'material-icons-round': selectedItem[iconColorField],\r\n 'c-primary': selectedItem[iconColorField] === 'primary', \r\n 'c-black400': selectedItem[iconColorField] === 'normal', \r\n 'c-info': selectedItem[iconColorField] === 'info', \r\n 'c-success': selectedItem[iconColorField] === 'success', \r\n 'c-danger': selectedItem[iconColorField] === 'danger', \r\n 'c-warning': selectedItem[iconColorField] === 'warning'\r\n }\">\r\n {{selectedItem[iconField]}}\r\n </span>\r\n <span>{{selectedItem[displayField]}}</span>\r\n </ng-container>\r\n </div>\r\n <span class=\"material-icons-outlined ml-6\">\r\n arrow_drop_down\r\n </span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n (click)=\"onSelected(item)\">\r\n <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n 'material-icons-outlined': !item[iconColorField],\r\n 'material-icons-round': item[iconColorField],\r\n 'c-primary': item[iconColorField] === 'primary', \r\n 'c-black400': item[iconColorField] === 'normal', \r\n 'c-info': item[iconColorField] === 'info', \r\n 'c-success': item[iconColorField] === 'success', \r\n 'c-danger': item[iconColorField] === 'danger', \r\n 'c-warning': item[iconColorField] === 'warning'\r\n }\">\r\n <ng-container *ngIf=\"item[iconField]\">\r\n {{item[iconField]}}\r\n </ng-container>\r\n <ng-container *ngIf=\"!item[iconField]\">\r\n fiber_manual_record\r\n </ng-container>\r\n </span>\r\n\r\n <div class=\"media-body ml-12\">\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"mr-16\">\r\n <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n </div>\r\n <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
|
|
397
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
398
|
+
styles: [".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]
|
|
399
|
+
},] }
|
|
400
|
+
];
|
|
401
|
+
SdSelectBadge.ctorParameters = function () { return [
|
|
402
|
+
{ type: core.ChangeDetectorRef }
|
|
403
|
+
]; };
|
|
404
|
+
SdSelectBadge.propDecorators = {
|
|
405
|
+
selectbadge: [{ type: core.ViewChild, args: ['selectbadge',] }],
|
|
406
|
+
label: [{ type: core.Input }],
|
|
407
|
+
placeholder: [{ type: core.Input }],
|
|
408
|
+
model: [{ type: core.Input }],
|
|
409
|
+
_items: [{ type: core.Input, args: ['items',] }],
|
|
410
|
+
valueField: [{ type: core.Input }],
|
|
411
|
+
displayField: [{ type: core.Input }],
|
|
412
|
+
iconField: [{ type: core.Input }],
|
|
413
|
+
iconColorField: [{ type: core.Input }],
|
|
414
|
+
descriptionField: [{ type: core.Input }],
|
|
415
|
+
modelChange: [{ type: core.Output }],
|
|
416
|
+
sdChange: [{ type: core.Output }],
|
|
417
|
+
sdSelection: [{ type: core.Output }],
|
|
418
|
+
clickout: [{ type: core.HostListener, args: ['document:click', ['$event'],] }]
|
|
419
|
+
};
|
|
420
|
+
|
|
421
|
+
var SdSelectBadgeDisplayDefDirective = /** @class */ (function () {
|
|
422
|
+
function SdSelectBadgeDisplayDefDirective(templateRef) {
|
|
423
|
+
this.templateRef = templateRef;
|
|
424
|
+
}
|
|
425
|
+
return SdSelectBadgeDisplayDefDirective;
|
|
426
|
+
}());
|
|
427
|
+
SdSelectBadgeDisplayDefDirective.decorators = [
|
|
428
|
+
{ type: core.Directive, args: [{
|
|
429
|
+
selector: '[sdSelectBadgeDisplayDef]'
|
|
430
|
+
},] }
|
|
431
|
+
];
|
|
432
|
+
SdSelectBadgeDisplayDefDirective.ctorParameters = function () { return [
|
|
433
|
+
{ type: core.TemplateRef }
|
|
434
|
+
]; };
|
|
435
|
+
|
|
436
|
+
var SdSelectBadgeModule = /** @class */ (function () {
|
|
437
|
+
function SdSelectBadgeModule() {
|
|
438
|
+
}
|
|
439
|
+
return SdSelectBadgeModule;
|
|
440
|
+
}());
|
|
441
|
+
SdSelectBadgeModule.decorators = [
|
|
442
|
+
{ type: core.NgModule, args: [{
|
|
443
|
+
imports: [
|
|
444
|
+
common.CommonModule,
|
|
445
|
+
forms.FormsModule,
|
|
446
|
+
forms.ReactiveFormsModule,
|
|
447
|
+
input.MatInputModule,
|
|
448
|
+
tooltip.MatTooltipModule,
|
|
449
|
+
formField.MatFormFieldModule,
|
|
450
|
+
icon.MatIconModule,
|
|
451
|
+
select.MatSelectModule,
|
|
452
|
+
progressSpinner.MatProgressSpinnerModule,
|
|
453
|
+
checkbox.MatCheckboxModule,
|
|
454
|
+
translate.SdTranslateModule,
|
|
455
|
+
common$1.SdCommonModule
|
|
456
|
+
],
|
|
457
|
+
declarations: [
|
|
458
|
+
SdSelectBadge,
|
|
459
|
+
SdSelectBadgeDisplayDefDirective
|
|
460
|
+
],
|
|
461
|
+
exports: [
|
|
462
|
+
SdSelectBadge,
|
|
463
|
+
SdSelectBadgeDisplayDefDirective,
|
|
464
|
+
common$1.SdCommonModule
|
|
465
|
+
],
|
|
466
|
+
providers: []
|
|
467
|
+
},] }
|
|
468
|
+
];
|
|
469
|
+
|
|
470
|
+
/*
|
|
471
|
+
* Public API Surface of superdev-angular-core
|
|
472
|
+
*/
|
|
473
|
+
|
|
474
|
+
/**
|
|
475
|
+
* Generated bundle index. Do not edit.
|
|
476
|
+
*/
|
|
477
|
+
|
|
478
|
+
exports.SdSelectBadge = SdSelectBadge;
|
|
479
|
+
exports.SdSelectBadgeDisplayDefDirective = SdSelectBadgeDisplayDefDirective;
|
|
480
|
+
exports.SdSelectBadgeModule = SdSelectBadgeModule;
|
|
481
|
+
|
|
482
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
483
|
+
|
|
484
|
+
})));
|
|
485
|
+
//# sourceMappingURL=sd-angular-core-select-badge.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-angular-core-select-badge.umd.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts","../../../../projects/sd-core/select-badge/src/public-api.ts","../../../../projects/sd-core/select-badge/sd-angular-core-select-badge.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n 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;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n 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;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n 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); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n 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; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n 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);\r\n 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); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n selector: 'sd-select-badge',\r\n templateUrl: './select-badge.component.html',\r\n styleUrls: ['./select-badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n selectedItem: any;\r\n\r\n @Input() label: string;\r\n @Input() placeholder: string;\r\n\r\n // Model\r\n value: string;\r\n @Input() set model(val: any) {\r\n if (this.value !== val) {\r\n this.value = val;\r\n this.#modelChanges.next(val);\r\n }\r\n }\r\n // Items\r\n items: any[] = [];\r\n @Input('items') set _items(items: any[]) {\r\n if (!Array.isArray(items)) {\r\n this.items = [];\r\n }\r\n this.items = items;\r\n }\r\n\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() iconField: string;\r\n @Input() iconColorField: string;\r\n @Input() descriptionField: string;\r\n\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n #subscription = new Subscription();\r\n #modelChanges = new Subject<string>();\r\n isShowContent: boolean = false;\r\n\r\n @HostListener('document:click', ['$event']) clickout(event) {\r\n if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n this.isShowContent = false;\r\n }\r\n }\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n }));\r\n }\r\n\r\n onToogle = () => {\r\n this.isShowContent = !this.isShowContent;\r\n }\r\n\r\n onModelChange = (val: any) => {\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(val);\r\n }\r\n\r\n onSelected(item?: any) {\r\n this.selectedItem = item;\r\n const emitVal = this.selectedItem[this.valueField];\r\n this.modelChange.emit(emitVal);\r\n this.sdChange.emit(emitVal);\r\n this.sdSelection.emit({\r\n value: emitVal,\r\n item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n });\r\n }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatIconModule,\r\n MatSelectModule,\r\n MatProgressSpinnerModule,\r\n MatCheckboxModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective\r\n ],\r\n exports: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-badge.module';\r\nexport * from './lib/select-badge.component';\r\nexport * from './lib/select-badge-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Subscription","Subject","startWith","Component","ChangeDetectionStrategy","ChangeDetectorRef","ViewChild","Input","Output","HostListener","Directive","TemplateRef","NgModule","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("rxjs"),require("rxjs/operators"),require("@angular/material/select"),require("@sd-angular/core/translate"),require("@angular/material/checkbox"),require("@sd-angular/core/common")):"function"==typeof define&&define.amd?define("@sd-angular/core/select-badge",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","rxjs","rxjs/operators","@angular/material/select","@sd-angular/core/translate","@angular/material/checkbox","@sd-angular/core/common"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["select-badge"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.rxjs,e.rxjs.operators,e.ng.material.select,e["sd-angular"].core.translate,e.ng.material.checkbox,e["sd-angular"].core.common)}(this,(function(e,n,t,r,o,i,a,l,c,d,s,g,p,u,m){"use strict";
|
|
2
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
+
***************************************************************************** */Object.create;var b,f;Object.create;function h(e,n,t,r){if("a"===t&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?r:"a"===t?r.call(e):r?r.value:n.get(e)}var v=function(){function e(e){var t=this;this.ref=e,this.items=[],this.modelChange=new n.EventEmitter,this.sdChange=new n.EventEmitter,this.sdSelection=new n.EventEmitter,b.set(this,new d.Subscription),f.set(this,new d.Subject),this.isShowContent=!1,this.onToogle=function(){t.isShowContent=!t.isShowContent},this.onModelChange=function(e){t.modelChange.emit(e),t.sdChange.emit(e)}}return Object.defineProperty(e.prototype,"model",{set:function(e){this.value!==e&&(this.value=e,h(this,f).next(e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_items",{set:function(e){Array.isArray(e)||(this.items=[]),this.items=e},enumerable:!1,configurable:!0}),e.prototype.clickout=function(e){this.selectbadge.nativeElement.contains(e.target)||(this.isShowContent=!1)},e.prototype.ngOnInit=function(){var e=this;h(this,b).add(h(this,f).pipe(s.startWith(this.value)).subscribe((function(){var n;e.selectedItem=null===(n=e.items)||void 0===n?void 0:n.find((function(n){var t,r;return(null===(t=e.value)||void 0===t?void 0:t.toString())===(null===(r=null==n?void 0:n[e.valueField])||void 0===r?void 0:r.toString())}))})))},e.prototype.onSelected=function(e){var n,t=this;this.selectedItem=e;var r=this.selectedItem[this.valueField];this.modelChange.emit(r),this.sdChange.emit(r),this.sdSelection.emit({value:r,item:null===(n=this.items)||void 0===n?void 0:n.find((function(e){var n;return(null==r?void 0:r.toString())===(null===(n=null==e?void 0:e[t.valueField])||void 0===n?void 0:n.toString())}))})},e}();b=new WeakMap,f=new WeakMap,v.decorators=[{type:n.Component,args:[{selector:"sd-select-badge",template:"<label *ngIf=\"label\" class=\"d-block mb-6 T14M\">{{label}}</label>\r\n<div #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n <div class=\"c-selectbadge-dropdown__label\">\r\n <div class=\"media align-items-center\">\r\n <div class=\"media-body d-flex align-items-center\">\r\n <ng-container *ngIf=\"selectedItem\">\r\n <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n 'material-icons-outlined': !selectedItem[iconColorField],\r\n 'material-icons-round': selectedItem[iconColorField],\r\n 'c-primary': selectedItem[iconColorField] === 'primary', \r\n 'c-black400': selectedItem[iconColorField] === 'normal', \r\n 'c-info': selectedItem[iconColorField] === 'info', \r\n 'c-success': selectedItem[iconColorField] === 'success', \r\n 'c-danger': selectedItem[iconColorField] === 'danger', \r\n 'c-warning': selectedItem[iconColorField] === 'warning'\r\n }\">\r\n {{selectedItem[iconField]}}\r\n </span>\r\n <span>{{selectedItem[displayField]}}</span>\r\n </ng-container>\r\n </div>\r\n <span class=\"material-icons-outlined ml-6\">\r\n arrow_drop_down\r\n </span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n (click)=\"onSelected(item)\">\r\n <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n 'material-icons-outlined': !item[iconColorField],\r\n 'material-icons-round': item[iconColorField],\r\n 'c-primary': item[iconColorField] === 'primary', \r\n 'c-black400': item[iconColorField] === 'normal', \r\n 'c-info': item[iconColorField] === 'info', \r\n 'c-success': item[iconColorField] === 'success', \r\n 'c-danger': item[iconColorField] === 'danger', \r\n 'c-warning': item[iconColorField] === 'warning'\r\n }\">\r\n <ng-container *ngIf=\"item[iconField]\">\r\n {{item[iconField]}}\r\n </ng-container>\r\n <ng-container *ngIf=\"!item[iconField]\">\r\n fiber_manual_record\r\n </ng-container>\r\n </span>\r\n\r\n <div class=\"media-body ml-12\">\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"mr-16\">\r\n <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n </div>\r\n <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]}]}],v.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},v.propDecorators={selectbadge:[{type:n.ViewChild,args:["selectbadge"]}],label:[{type:n.Input}],placeholder:[{type:n.Input}],model:[{type:n.Input}],_items:[{type:n.Input,args:["items"]}],valueField:[{type:n.Input}],displayField:[{type:n.Input}],iconField:[{type:n.Input}],iconColorField:[{type:n.Input}],descriptionField:[{type:n.Input}],modelChange:[{type:n.Output}],sdChange:[{type:n.Output}],sdSelection:[{type:n.Output}],clickout:[{type:n.HostListener,args:["document:click",["$event"]]}]};var y=function(e){this.templateRef=e};y.decorators=[{type:n.Directive,args:[{selector:"[sdSelectBadgeDisplayDef]"}]}],y.ctorParameters=function(){return[{type:n.TemplateRef}]};var w=function(){};w.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.FormsModule,r.ReactiveFormsModule,i.MatInputModule,l.MatTooltipModule,o.MatFormFieldModule,a.MatIconModule,g.MatSelectModule,c.MatProgressSpinnerModule,u.MatCheckboxModule,p.SdTranslateModule,m.SdCommonModule],declarations:[v,y],exports:[v,y,m.SdCommonModule],providers:[]}]}],e.SdSelectBadge=v,e.SdSelectBadgeDisplayDefDirective=y,e.SdSelectBadgeModule=w,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
|
+
//# sourceMappingURL=sd-angular-core-select-badge.umd.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SdSelectBadge","ref","_this","this","items","modelChange","EventEmitter","sdChange","sdSelection","_subscription","set","Subscription","_modelChanges","Subject","isShowContent","onToogle","onModelChange","val","emit","defineProperty","prototype","next","Array","isArray","clickout","event","selectbadge","nativeElement","contains","target","ngOnInit","add","pipe","startWith","subscribe","selectedItem","_a","find","e","_b","toString","valueField","onSelected","item","emitVal","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","ViewChild","Input","Output","HostListener","templateRef","Directive","TemplateRef","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","declarations","SdSelectBadgeDisplayDefDirective","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n 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;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n 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;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n 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); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n 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; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n 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);\r\n 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); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n selector: 'sd-select-badge',\r\n templateUrl: './select-badge.component.html',\r\n styleUrls: ['./select-badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n selectedItem: any;\r\n\r\n @Input() label: string;\r\n @Input() placeholder: string;\r\n\r\n // Model\r\n value: string;\r\n @Input() set model(val: any) {\r\n if (this.value !== val) {\r\n this.value = val;\r\n this.#modelChanges.next(val);\r\n }\r\n }\r\n // Items\r\n items: any[] = [];\r\n @Input('items') set _items(items: any[]) {\r\n if (!Array.isArray(items)) {\r\n this.items = [];\r\n }\r\n this.items = items;\r\n }\r\n\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() iconField: string;\r\n @Input() iconColorField: string;\r\n @Input() descriptionField: string;\r\n\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n #subscription = new Subscription();\r\n #modelChanges = new Subject<string>();\r\n isShowContent: boolean = false;\r\n\r\n @HostListener('document:click', ['$event']) clickout(event) {\r\n if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n this.isShowContent = false;\r\n }\r\n }\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n }));\r\n }\r\n\r\n onToogle = () => {\r\n this.isShowContent = !this.isShowContent;\r\n }\r\n\r\n onModelChange = (val: any) => {\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(val);\r\n }\r\n\r\n onSelected(item?: any) {\r\n this.selectedItem = item;\r\n const emitVal = this.selectedItem[this.valueField];\r\n this.modelChange.emit(emitVal);\r\n this.sdChange.emit(emitVal);\r\n this.sdSelection.emit({\r\n value: emitVal,\r\n item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n });\r\n }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatIconModule,\r\n MatSelectModule,\r\n MatProgressSpinnerModule,\r\n MatCheckboxModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective\r\n ],\r\n exports: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './src/public-api';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvbmdoaWF0dDE1X29uZW1vdW50L0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL3NlbGVjdC1iYWRnZS8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NyYy9wdWJsaWMtYXBpJzsiXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLXNlbGVjdC1iYWRnZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvc2VsZWN0LWJhZGdlLyIsInNvdXJjZXMiOlsic2QtYW5ndWxhci1jb3JlLXNlbGVjdC1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
export class SdSelectBadgeDisplayDefDirective {
|
|
3
|
+
constructor(templateRef) {
|
|
4
|
+
this.templateRef = templateRef;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
SdSelectBadgeDisplayDefDirective.decorators = [
|
|
8
|
+
{ type: Directive, args: [{
|
|
9
|
+
selector: '[sdSelectBadgeDisplayDef]'
|
|
10
|
+
},] }
|
|
11
|
+
];
|
|
12
|
+
SdSelectBadgeDisplayDefDirective.ctorParameters = () => [
|
|
13
|
+
{ type: TemplateRef }
|
|
14
|
+
];
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJhZGdlLWRpc3BsYXktZGVmLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvc2VsZWN0LWJhZGdlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9zZWxlY3QtYmFkZ2UtZGlzcGxheS1kZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBS3ZELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsWUFBbUIsV0FBNkI7UUFBN0IsZ0JBQVcsR0FBWCxXQUFXLENBQWtCO0lBQUksQ0FBQzs7O1lBSnRELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsMkJBQTJCO2FBQ3RDOzs7WUFKbUIsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW3NkU2VsZWN0QmFkZ2VEaXNwbGF5RGVmXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkU2VsZWN0QmFkZ2VEaXNwbGF5RGVmRGlyZWN0aXZlIHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4pIHsgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
var _subscription, _modelChanges;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
3
|
+
import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';
|
|
4
|
+
import { Subject, Subscription } from 'rxjs';
|
|
5
|
+
import { startWith } from 'rxjs/operators';
|
|
6
|
+
export class SdSelectBadge {
|
|
7
|
+
constructor(ref) {
|
|
8
|
+
this.ref = ref;
|
|
9
|
+
// Items
|
|
10
|
+
this.items = [];
|
|
11
|
+
this.modelChange = new EventEmitter();
|
|
12
|
+
this.sdChange = new EventEmitter();
|
|
13
|
+
this.sdSelection = new EventEmitter();
|
|
14
|
+
_subscription.set(this, new Subscription());
|
|
15
|
+
_modelChanges.set(this, new Subject());
|
|
16
|
+
this.isShowContent = false;
|
|
17
|
+
this.onToogle = () => {
|
|
18
|
+
this.isShowContent = !this.isShowContent;
|
|
19
|
+
};
|
|
20
|
+
this.onModelChange = (val) => {
|
|
21
|
+
this.modelChange.emit(val);
|
|
22
|
+
this.sdChange.emit(val);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
set model(val) {
|
|
26
|
+
if (this.value !== val) {
|
|
27
|
+
this.value = val;
|
|
28
|
+
__classPrivateFieldGet(this, _modelChanges).next(val);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
set _items(items) {
|
|
32
|
+
if (!Array.isArray(items)) {
|
|
33
|
+
this.items = [];
|
|
34
|
+
}
|
|
35
|
+
this.items = items;
|
|
36
|
+
}
|
|
37
|
+
clickout(event) {
|
|
38
|
+
if (!this.selectbadge.nativeElement.contains(event.target)) {
|
|
39
|
+
this.isShowContent = false;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
ngOnInit() {
|
|
43
|
+
__classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _modelChanges).pipe(startWith(this.value)).subscribe(() => {
|
|
44
|
+
var _a;
|
|
45
|
+
this.selectedItem = (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a, _b; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _b === void 0 ? void 0 : _b.toString()); });
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
48
|
+
onSelected(item) {
|
|
49
|
+
var _a;
|
|
50
|
+
this.selectedItem = item;
|
|
51
|
+
const emitVal = this.selectedItem[this.valueField];
|
|
52
|
+
this.modelChange.emit(emitVal);
|
|
53
|
+
this.sdChange.emit(emitVal);
|
|
54
|
+
this.sdSelection.emit({
|
|
55
|
+
value: emitVal,
|
|
56
|
+
item: (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a; return (emitVal === null || emitVal === void 0 ? void 0 : emitVal.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); })
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
_subscription = new WeakMap(), _modelChanges = new WeakMap();
|
|
61
|
+
SdSelectBadge.decorators = [
|
|
62
|
+
{ type: Component, args: [{
|
|
63
|
+
selector: 'sd-select-badge',
|
|
64
|
+
template: "<label *ngIf=\"label\" class=\"d-block mb-6 T14M\">{{label}}</label>\r\n<div #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n <div class=\"c-selectbadge-dropdown__label\">\r\n <div class=\"media align-items-center\">\r\n <div class=\"media-body d-flex align-items-center\">\r\n <ng-container *ngIf=\"selectedItem\">\r\n <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n 'material-icons-outlined': !selectedItem[iconColorField],\r\n 'material-icons-round': selectedItem[iconColorField],\r\n 'c-primary': selectedItem[iconColorField] === 'primary', \r\n 'c-black400': selectedItem[iconColorField] === 'normal', \r\n 'c-info': selectedItem[iconColorField] === 'info', \r\n 'c-success': selectedItem[iconColorField] === 'success', \r\n 'c-danger': selectedItem[iconColorField] === 'danger', \r\n 'c-warning': selectedItem[iconColorField] === 'warning'\r\n }\">\r\n {{selectedItem[iconField]}}\r\n </span>\r\n <span>{{selectedItem[displayField]}}</span>\r\n </ng-container>\r\n </div>\r\n <span class=\"material-icons-outlined ml-6\">\r\n arrow_drop_down\r\n </span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n (click)=\"onSelected(item)\">\r\n <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n 'material-icons-outlined': !item[iconColorField],\r\n 'material-icons-round': item[iconColorField],\r\n 'c-primary': item[iconColorField] === 'primary', \r\n 'c-black400': item[iconColorField] === 'normal', \r\n 'c-info': item[iconColorField] === 'info', \r\n 'c-success': item[iconColorField] === 'success', \r\n 'c-danger': item[iconColorField] === 'danger', \r\n 'c-warning': item[iconColorField] === 'warning'\r\n }\">\r\n <ng-container *ngIf=\"item[iconField]\">\r\n {{item[iconField]}}\r\n </ng-container>\r\n <ng-container *ngIf=\"!item[iconField]\">\r\n fiber_manual_record\r\n </ng-container>\r\n </span>\r\n\r\n <div class=\"media-body ml-12\">\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"mr-16\">\r\n <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n </div>\r\n <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
|
|
65
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
66
|
+
styles: [".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]
|
|
67
|
+
},] }
|
|
68
|
+
];
|
|
69
|
+
SdSelectBadge.ctorParameters = () => [
|
|
70
|
+
{ type: ChangeDetectorRef }
|
|
71
|
+
];
|
|
72
|
+
SdSelectBadge.propDecorators = {
|
|
73
|
+
selectbadge: [{ type: ViewChild, args: ['selectbadge',] }],
|
|
74
|
+
label: [{ type: Input }],
|
|
75
|
+
placeholder: [{ type: Input }],
|
|
76
|
+
model: [{ type: Input }],
|
|
77
|
+
_items: [{ type: Input, args: ['items',] }],
|
|
78
|
+
valueField: [{ type: Input }],
|
|
79
|
+
displayField: [{ type: Input }],
|
|
80
|
+
iconField: [{ type: Input }],
|
|
81
|
+
iconColorField: [{ type: Input }],
|
|
82
|
+
descriptionField: [{ type: Input }],
|
|
83
|
+
modelChange: [{ type: Output }],
|
|
84
|
+
sdChange: [{ type: Output }],
|
|
85
|
+
sdSelection: [{ type: Output }],
|
|
86
|
+
clickout: [{ type: HostListener, args: ['document:click', ['$event'],] }]
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvc2VsZWN0LWJhZGdlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9zZWxlY3QtYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBYyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hKLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU8zQyxNQUFNLE9BQU8sYUFBYTtJQTBDeEIsWUFDVSxHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTVCaEMsUUFBUTtRQUNSLFVBQUssR0FBVSxFQUFFLENBQUM7UUFjUixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBcUQsQ0FBQztRQUM5Rix3QkFBZ0IsSUFBSSxZQUFZLEVBQUUsRUFBQztRQUNuQyx3QkFBZ0IsSUFBSSxPQUFPLEVBQVUsRUFBQztRQUN0QyxrQkFBYSxHQUFZLEtBQUssQ0FBQztRQW1CL0IsYUFBUSxHQUFHLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQzNDLENBQUMsQ0FBQTtRQUVELGtCQUFhLEdBQUcsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFH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RGV0ZWN0aW9uU3RyYXRlZ3ksIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1zZWxlY3QtYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZFNlbGVjdEJhZGdlIHtcclxuICBAVmlld0NoaWxkKCdzZWxlY3RiYWRnZScpIHNlbGVjdGJhZGdlOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuICBzZWxlY3RlZEl0ZW06IGFueTtcclxuXHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nO1xyXG5cclxuICAvLyBNb2RlbFxyXG4gIHZhbHVlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2V0IG1vZGVsKHZhbDogYW55KSB7XHJcbiAgICBpZiAodGhpcy52YWx1ZSAhPT0gdmFsKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWw7XHJcbiAgICAgIHRoaXMuI21vZGVsQ2hhbmdlcy5uZXh0KHZhbCk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC8vIEl0ZW1zXHJcbiAgaXRlbXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCdpdGVtcycpIHNldCBfaXRlbXMoaXRlbXM6IGFueVtdKSB7XHJcbiAgICBpZiAoIUFycmF5LmlzQXJyYXkoaXRlbXMpKSB7XHJcbiAgICAgIHRoaXMuaXRlbXMgPSBbXTtcclxuICAgIH1cclxuICAgIHRoaXMuaXRlbXMgPSBpdGVtcztcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHZhbHVlRmllbGQ6IHN0cmluZztcclxuICBASW5wdXQoKSBkaXNwbGF5RmllbGQ6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uRmllbGQ6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uQ29sb3JGaWVsZDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uRmllbGQ6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIG1vZGVsQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBzZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgc2RTZWxlY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHsgdmFsdWU6IGFueSB8IGFueVtdLCBpdGVtPzogYW55LCBpdGVtcz86IGFueVtdIH0+KCk7XHJcbiAgI3N1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuICAjbW9kZWxDaGFuZ2VzID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xyXG4gIGlzU2hvd0NvbnRlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKSBjbGlja291dChldmVudCkge1xyXG4gICAgaWYgKCF0aGlzLnNlbGVjdGJhZGdlLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xyXG4gICAgICB0aGlzLmlzU2hvd0NvbnRlbnQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLiNzdWJzY3JpcHRpb24uYWRkKHRoaXMuI21vZGVsQ2hhbmdlcy5waXBlKHN0YXJ0V2l0aCh0aGlzLnZhbHVlKSkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB0aGlzLml0ZW1zPy5maW5kKGUgPT4gdGhpcy52YWx1ZT8udG9TdHJpbmcoKSA9PT0gZT8uW3RoaXMudmFsdWVGaWVsZF0/LnRvU3RyaW5nKCkpXHJcbiAgICB9KSk7XHJcbiAgfVxyXG5cclxuICBvblRvb2dsZSA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNTaG93Q29udGVudCA9ICF0aGlzLmlzU2hvd0NvbnRlbnQ7XHJcbiAgfVxyXG5cclxuICBvbk1vZGVsQ2hhbmdlID0gKHZhbDogYW55KSA9PiB7XHJcbiAgICB0aGlzLm1vZGVsQ2hhbmdlLmVtaXQodmFsKTtcclxuICAgIHRoaXMuc2RDaGFuZ2UuZW1pdCh2YWwpO1xyXG4gIH1cclxuXHJcbiAgb25TZWxlY3RlZChpdGVtPzogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IGl0ZW07XHJcbiAgICBjb25zdCBlbWl0VmFsID0gdGhpcy5zZWxlY3RlZEl0ZW1bdGhpcy52YWx1ZUZpZWxkXTtcclxuICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdChlbWl0VmFsKTtcclxuICAgIHRoaXMuc2RDaGFuZ2UuZW1pdChlbWl0VmFsKTtcclxuICAgIHRoaXMuc2RTZWxlY3Rpb24uZW1pdCh7XHJcbiAgICAgIHZhbHVlOiBlbWl0VmFsLFxyXG4gICAgICBpdGVtOiB0aGlzLml0ZW1zPy5maW5kKGUgPT4gZW1pdFZhbD8udG9TdHJpbmcoKSA9PT0gZT8uW3RoaXMudmFsdWVGaWVsZF0/LnRvU3RyaW5nKCkpXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG59XHJcblxyXG4iXX0=
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
8
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
9
|
+
import { SdSelectBadge } from './select-badge.component';
|
|
10
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
11
|
+
import { SdTranslateModule } from '@sd-angular/core/translate';
|
|
12
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
13
|
+
import { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';
|
|
14
|
+
import { SdCommonModule } from '@sd-angular/core/common';
|
|
15
|
+
export class SdSelectBadgeModule {
|
|
16
|
+
}
|
|
17
|
+
SdSelectBadgeModule.decorators = [
|
|
18
|
+
{ type: NgModule, args: [{
|
|
19
|
+
imports: [
|
|
20
|
+
CommonModule,
|
|
21
|
+
FormsModule,
|
|
22
|
+
ReactiveFormsModule,
|
|
23
|
+
MatInputModule,
|
|
24
|
+
MatTooltipModule,
|
|
25
|
+
MatFormFieldModule,
|
|
26
|
+
MatIconModule,
|
|
27
|
+
MatSelectModule,
|
|
28
|
+
MatProgressSpinnerModule,
|
|
29
|
+
MatCheckboxModule,
|
|
30
|
+
SdTranslateModule,
|
|
31
|
+
SdCommonModule
|
|
32
|
+
],
|
|
33
|
+
declarations: [
|
|
34
|
+
SdSelectBadge,
|
|
35
|
+
SdSelectBadgeDisplayDefDirective
|
|
36
|
+
],
|
|
37
|
+
exports: [
|
|
38
|
+
SdSelectBadge,
|
|
39
|
+
SdSelectBadgeDisplayDefDirective,
|
|
40
|
+
SdCommonModule
|
|
41
|
+
],
|
|
42
|
+
providers: []
|
|
43
|
+
},] }
|
|
44
|
+
];
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJhZGdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvc2VsZWN0LWJhZGdlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9zZWxlY3QtYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDeEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBNkJ6RCxNQUFNLE9BQU8sbUJBQW1COzs7WUEzQi9CLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixXQUFXO29CQUNYLG1CQUFtQjtvQkFDbkIsY0FBYztvQkFDZCxnQkFBZ0I7b0JBQ2hCLGtCQUFrQjtvQkFDbEIsYUFBYTtvQkFDYixlQUFlO29CQUNmLHdCQUF3QjtvQkFDeEIsaUJBQWlCO29CQUNqQixpQkFBaUI7b0JBQ2pCLGNBQWM7aUJBQ2Y7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLGFBQWE7b0JBQ2IsZ0NBQWdDO2lCQUNqQztnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsYUFBYTtvQkFDYixnQ0FBZ0M7b0JBQ2hDLGNBQWM7aUJBQ2Y7Z0JBQ0QsU0FBUyxFQUFFLEVBQ1Y7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcclxuaW1wb3J0IHsgU2RTZWxlY3RCYWRnZSB9IGZyb20gJy4vc2VsZWN0LWJhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XHJcbmltcG9ydCB7IFNkVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS90cmFuc2xhdGUnO1xyXG5pbXBvcnQgeyBNYXRDaGVja2JveE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcclxuaW1wb3J0IHsgU2RTZWxlY3RCYWRnZURpc3BsYXlEZWZEaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1iYWRnZS1kaXNwbGF5LWRlZi5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTZENvbW1vbk1vZHVsZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvY29tbW9uJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFNlbGVjdE1vZHVsZSxcclxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcclxuICAgIE1hdENoZWNrYm94TW9kdWxlLFxyXG4gICAgU2RUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBTZENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZFNlbGVjdEJhZGdlLFxyXG4gICAgU2RTZWxlY3RCYWRnZURpc3BsYXlEZWZEaXJlY3RpdmVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNkU2VsZWN0QmFkZ2UsXHJcbiAgICBTZFNlbGVjdEJhZGdlRGlzcGxheURlZkRpcmVjdGl2ZSxcclxuICAgIFNkQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZFNlbGVjdEJhZGdlTW9kdWxlIHtcclxuXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of superdev-angular-core
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/select-badge.module';
|
|
5
|
+
export * from './lib/select-badge.component';
|
|
6
|
+
export * from './lib/select-badge-display-def.directive';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvc2VsZWN0LWJhZGdlLyIsInNvdXJjZXMiOlsic3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYywwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdXBlcmRldi1hbmd1bGFyLWNvcmVcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3QtYmFkZ2UubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VsZWN0LWJhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlbGVjdC1iYWRnZS1kaXNwbGF5LWRlZi5kaXJlY3RpdmUnOyJdfQ==
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, Output, HostListener, Directive, TemplateRef, NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
8
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
9
|
+
import { __classPrivateFieldGet } from 'tslib';
|
|
10
|
+
import { Subscription, Subject } from 'rxjs';
|
|
11
|
+
import { startWith } from 'rxjs/operators';
|
|
12
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
13
|
+
import { SdTranslateModule } from '@sd-angular/core/translate';
|
|
14
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
15
|
+
import { SdCommonModule } from '@sd-angular/core/common';
|
|
16
|
+
|
|
17
|
+
var _subscription, _modelChanges;
|
|
18
|
+
class SdSelectBadge {
|
|
19
|
+
constructor(ref) {
|
|
20
|
+
this.ref = ref;
|
|
21
|
+
// Items
|
|
22
|
+
this.items = [];
|
|
23
|
+
this.modelChange = new EventEmitter();
|
|
24
|
+
this.sdChange = new EventEmitter();
|
|
25
|
+
this.sdSelection = new EventEmitter();
|
|
26
|
+
_subscription.set(this, new Subscription());
|
|
27
|
+
_modelChanges.set(this, new Subject());
|
|
28
|
+
this.isShowContent = false;
|
|
29
|
+
this.onToogle = () => {
|
|
30
|
+
this.isShowContent = !this.isShowContent;
|
|
31
|
+
};
|
|
32
|
+
this.onModelChange = (val) => {
|
|
33
|
+
this.modelChange.emit(val);
|
|
34
|
+
this.sdChange.emit(val);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
set model(val) {
|
|
38
|
+
if (this.value !== val) {
|
|
39
|
+
this.value = val;
|
|
40
|
+
__classPrivateFieldGet(this, _modelChanges).next(val);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
set _items(items) {
|
|
44
|
+
if (!Array.isArray(items)) {
|
|
45
|
+
this.items = [];
|
|
46
|
+
}
|
|
47
|
+
this.items = items;
|
|
48
|
+
}
|
|
49
|
+
clickout(event) {
|
|
50
|
+
if (!this.selectbadge.nativeElement.contains(event.target)) {
|
|
51
|
+
this.isShowContent = false;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
ngOnInit() {
|
|
55
|
+
__classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _modelChanges).pipe(startWith(this.value)).subscribe(() => {
|
|
56
|
+
var _a;
|
|
57
|
+
this.selectedItem = (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a, _b; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _b === void 0 ? void 0 : _b.toString()); });
|
|
58
|
+
}));
|
|
59
|
+
}
|
|
60
|
+
onSelected(item) {
|
|
61
|
+
var _a;
|
|
62
|
+
this.selectedItem = item;
|
|
63
|
+
const emitVal = this.selectedItem[this.valueField];
|
|
64
|
+
this.modelChange.emit(emitVal);
|
|
65
|
+
this.sdChange.emit(emitVal);
|
|
66
|
+
this.sdSelection.emit({
|
|
67
|
+
value: emitVal,
|
|
68
|
+
item: (_a = this.items) === null || _a === void 0 ? void 0 : _a.find(e => { var _a; return (emitVal === null || emitVal === void 0 ? void 0 : emitVal.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); })
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
_subscription = new WeakMap(), _modelChanges = new WeakMap();
|
|
73
|
+
SdSelectBadge.decorators = [
|
|
74
|
+
{ type: Component, args: [{
|
|
75
|
+
selector: 'sd-select-badge',
|
|
76
|
+
template: "<label *ngIf=\"label\" class=\"d-block mb-6 T14M\">{{label}}</label>\r\n<div #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n <div class=\"c-selectbadge-dropdown__label\">\r\n <div class=\"media align-items-center\">\r\n <div class=\"media-body d-flex align-items-center\">\r\n <ng-container *ngIf=\"selectedItem\">\r\n <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n 'material-icons-outlined': !selectedItem[iconColorField],\r\n 'material-icons-round': selectedItem[iconColorField],\r\n 'c-primary': selectedItem[iconColorField] === 'primary', \r\n 'c-black400': selectedItem[iconColorField] === 'normal', \r\n 'c-info': selectedItem[iconColorField] === 'info', \r\n 'c-success': selectedItem[iconColorField] === 'success', \r\n 'c-danger': selectedItem[iconColorField] === 'danger', \r\n 'c-warning': selectedItem[iconColorField] === 'warning'\r\n }\">\r\n {{selectedItem[iconField]}}\r\n </span>\r\n <span>{{selectedItem[displayField]}}</span>\r\n </ng-container>\r\n </div>\r\n <span class=\"material-icons-outlined ml-6\">\r\n arrow_drop_down\r\n </span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n (click)=\"onSelected(item)\">\r\n <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n 'material-icons-outlined': !item[iconColorField],\r\n 'material-icons-round': item[iconColorField],\r\n 'c-primary': item[iconColorField] === 'primary', \r\n 'c-black400': item[iconColorField] === 'normal', \r\n 'c-info': item[iconColorField] === 'info', \r\n 'c-success': item[iconColorField] === 'success', \r\n 'c-danger': item[iconColorField] === 'danger', \r\n 'c-warning': item[iconColorField] === 'warning'\r\n }\">\r\n <ng-container *ngIf=\"item[iconField]\">\r\n {{item[iconField]}}\r\n </ng-container>\r\n <ng-container *ngIf=\"!item[iconField]\">\r\n fiber_manual_record\r\n </ng-container>\r\n </span>\r\n\r\n <div class=\"media-body ml-12\">\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"mr-16\">\r\n <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n </div>\r\n <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
|
|
77
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
78
|
+
styles: [".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]
|
|
79
|
+
},] }
|
|
80
|
+
];
|
|
81
|
+
SdSelectBadge.ctorParameters = () => [
|
|
82
|
+
{ type: ChangeDetectorRef }
|
|
83
|
+
];
|
|
84
|
+
SdSelectBadge.propDecorators = {
|
|
85
|
+
selectbadge: [{ type: ViewChild, args: ['selectbadge',] }],
|
|
86
|
+
label: [{ type: Input }],
|
|
87
|
+
placeholder: [{ type: Input }],
|
|
88
|
+
model: [{ type: Input }],
|
|
89
|
+
_items: [{ type: Input, args: ['items',] }],
|
|
90
|
+
valueField: [{ type: Input }],
|
|
91
|
+
displayField: [{ type: Input }],
|
|
92
|
+
iconField: [{ type: Input }],
|
|
93
|
+
iconColorField: [{ type: Input }],
|
|
94
|
+
descriptionField: [{ type: Input }],
|
|
95
|
+
modelChange: [{ type: Output }],
|
|
96
|
+
sdChange: [{ type: Output }],
|
|
97
|
+
sdSelection: [{ type: Output }],
|
|
98
|
+
clickout: [{ type: HostListener, args: ['document:click', ['$event'],] }]
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
class SdSelectBadgeDisplayDefDirective {
|
|
102
|
+
constructor(templateRef) {
|
|
103
|
+
this.templateRef = templateRef;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
SdSelectBadgeDisplayDefDirective.decorators = [
|
|
107
|
+
{ type: Directive, args: [{
|
|
108
|
+
selector: '[sdSelectBadgeDisplayDef]'
|
|
109
|
+
},] }
|
|
110
|
+
];
|
|
111
|
+
SdSelectBadgeDisplayDefDirective.ctorParameters = () => [
|
|
112
|
+
{ type: TemplateRef }
|
|
113
|
+
];
|
|
114
|
+
|
|
115
|
+
class SdSelectBadgeModule {
|
|
116
|
+
}
|
|
117
|
+
SdSelectBadgeModule.decorators = [
|
|
118
|
+
{ type: NgModule, args: [{
|
|
119
|
+
imports: [
|
|
120
|
+
CommonModule,
|
|
121
|
+
FormsModule,
|
|
122
|
+
ReactiveFormsModule,
|
|
123
|
+
MatInputModule,
|
|
124
|
+
MatTooltipModule,
|
|
125
|
+
MatFormFieldModule,
|
|
126
|
+
MatIconModule,
|
|
127
|
+
MatSelectModule,
|
|
128
|
+
MatProgressSpinnerModule,
|
|
129
|
+
MatCheckboxModule,
|
|
130
|
+
SdTranslateModule,
|
|
131
|
+
SdCommonModule
|
|
132
|
+
],
|
|
133
|
+
declarations: [
|
|
134
|
+
SdSelectBadge,
|
|
135
|
+
SdSelectBadgeDisplayDefDirective
|
|
136
|
+
],
|
|
137
|
+
exports: [
|
|
138
|
+
SdSelectBadge,
|
|
139
|
+
SdSelectBadgeDisplayDefDirective,
|
|
140
|
+
SdCommonModule
|
|
141
|
+
],
|
|
142
|
+
providers: []
|
|
143
|
+
},] }
|
|
144
|
+
];
|
|
145
|
+
|
|
146
|
+
/*
|
|
147
|
+
* Public API Surface of superdev-angular-core
|
|
148
|
+
*/
|
|
149
|
+
|
|
150
|
+
/**
|
|
151
|
+
* Generated bundle index. Do not edit.
|
|
152
|
+
*/
|
|
153
|
+
|
|
154
|
+
export { SdSelectBadge, SdSelectBadgeDisplayDefDirective, SdSelectBadgeModule };
|
|
155
|
+
//# sourceMappingURL=sd-angular-core-select-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-angular-core-select-badge.js","sources":["../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts","../../../../projects/sd-core/select-badge/src/public-api.ts","../../../../projects/sd-core/select-badge/sd-angular-core-select-badge.ts"],"sourcesContent":["import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n selector: 'sd-select-badge',\r\n templateUrl: './select-badge.component.html',\r\n styleUrls: ['./select-badge.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n selectedItem: any;\r\n\r\n @Input() label: string;\r\n @Input() placeholder: string;\r\n\r\n // Model\r\n value: string;\r\n @Input() set model(val: any) {\r\n if (this.value !== val) {\r\n this.value = val;\r\n this.#modelChanges.next(val);\r\n }\r\n }\r\n // Items\r\n items: any[] = [];\r\n @Input('items') set _items(items: any[]) {\r\n if (!Array.isArray(items)) {\r\n this.items = [];\r\n }\r\n this.items = items;\r\n }\r\n\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() iconField: string;\r\n @Input() iconColorField: string;\r\n @Input() descriptionField: string;\r\n\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n #subscription = new Subscription();\r\n #modelChanges = new Subject<string>();\r\n isShowContent: boolean = false;\r\n\r\n @HostListener('document:click', ['$event']) clickout(event) {\r\n if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n this.isShowContent = false;\r\n }\r\n }\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n }));\r\n }\r\n\r\n onToogle = () => {\r\n this.isShowContent = !this.isShowContent;\r\n }\r\n\r\n onModelChange = (val: any) => {\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(val);\r\n }\r\n\r\n onSelected(item?: any) {\r\n this.selectedItem = item;\r\n const emitVal = this.selectedItem[this.valueField];\r\n this.modelChange.emit(emitVal);\r\n this.sdChange.emit(emitVal);\r\n this.sdSelection.emit({\r\n value: emitVal,\r\n item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n });\r\n }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatIconModule,\r\n MatSelectModule,\r\n MatProgressSpinnerModule,\r\n MatCheckboxModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective\r\n ],\r\n exports: [\r\n SdSelectBadge,\r\n SdSelectBadgeDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select-badge.module';\r\nexport * from './lib/select-badge.component';\r\nexport * from './lib/select-badge-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/public-api';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"peerDependencies": {},
|
|
3
|
+
"main": "../bundles/sd-angular-core-select-badge.umd.js",
|
|
4
|
+
"module": "../fesm2015/sd-angular-core-select-badge.js",
|
|
5
|
+
"es2015": "../fesm2015/sd-angular-core-select-badge.js",
|
|
6
|
+
"esm2015": "../esm2015/select-badge/sd-angular-core-select-badge.js",
|
|
7
|
+
"fesm2015": "../fesm2015/sd-angular-core-select-badge.js",
|
|
8
|
+
"typings": "sd-angular-core-select-badge.d.ts",
|
|
9
|
+
"metadata": "sd-angular-core-select-badge.metadata.json",
|
|
10
|
+
"sideEffects": false,
|
|
11
|
+
"name": "@sd-angular/core/select-badge"
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"SdSelectBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":26,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":27,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":28,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdSelectBadge"},{"__symbolic":"reference","name":"SdSelectBadgeDisplayDefDirective"}],"exports":[{"__symbolic":"reference","name":"SdSelectBadge"},{"__symbolic":"reference","name":"SdSelectBadgeDisplayDefDirective"},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":37,"character":4}],"providers":[]}]}],"members":{}},"SdSelectBadge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sd-select-badge","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<label *ngIf=\"label\" class=\"d-block mb-6 T14M\">{{label}}</label>\r\n<div #selectbadge class=\"c-selectbadge-dropdown\" (click)=\"onToogle()\">\r\n <div class=\"c-selectbadge-dropdown__label\">\r\n <div class=\"media align-items-center\">\r\n <div class=\"media-body d-flex align-items-center\">\r\n <ng-container *ngIf=\"selectedItem\">\r\n <span class=\"c-selectbadge-icon c-badge mr-6\" [ngClass]=\"{\r\n 'material-icons-outlined': !selectedItem[iconColorField],\r\n 'material-icons-round': selectedItem[iconColorField],\r\n 'c-primary': selectedItem[iconColorField] === 'primary', \r\n 'c-black400': selectedItem[iconColorField] === 'normal', \r\n 'c-info': selectedItem[iconColorField] === 'info', \r\n 'c-success': selectedItem[iconColorField] === 'success', \r\n 'c-danger': selectedItem[iconColorField] === 'danger', \r\n 'c-warning': selectedItem[iconColorField] === 'warning'\r\n }\">\r\n {{selectedItem[iconField]}}\r\n </span>\r\n <span>{{selectedItem[displayField]}}</span>\r\n </ng-container>\r\n </div>\r\n <span class=\"material-icons-outlined ml-6\">\r\n arrow_drop_down\r\n </span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"c-selectbadge-dropdown__content\" [ngClass]=\"isShowContent ? '' : 'd-none'\">\r\n <div class=\"c-selectbadge-item media align-items-center py-12\" *ngFor=\"let item of items\"\r\n (click)=\"onSelected(item)\">\r\n <span class=\"c-selectbadge-icon c-badge\" [ngClass]=\"{\r\n 'material-icons-outlined': !item[iconColorField],\r\n 'material-icons-round': item[iconColorField],\r\n 'c-primary': item[iconColorField] === 'primary', \r\n 'c-black400': item[iconColorField] === 'normal', \r\n 'c-info': item[iconColorField] === 'info', \r\n 'c-success': item[iconColorField] === 'success', \r\n 'c-danger': item[iconColorField] === 'danger', \r\n 'c-warning': item[iconColorField] === 'warning'\r\n }\">\r\n <ng-container *ngIf=\"item[iconField]\">\r\n {{item[iconField]}}\r\n </ng-container>\r\n <ng-container *ngIf=\"!item[iconField]\">\r\n fiber_manual_record\r\n </ng-container>\r\n </span>\r\n\r\n <div class=\"media-body ml-12\">\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"mr-16\">\r\n <div class=\"c-selectbadge-item__title\">{{item[displayField]}}</div>\r\n <div class=\"c-selectbadge-item__desc\">{{item[descriptionField]}}</div>\r\n </div>\r\n <span *ngIf=\"selectedItem && item[valueField] === selectedItem[valueField]\"\r\n class=\"material-icons-outlined c-selectbadge-icon__checked\">check</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>","styles":[".text-black400{color:#757575}.c-selectbadge-dropdown{color:#5f6368;cursor:pointer;display:inline-flex;position:relative}.c-selectbadge-dropdown__label{border:1px solid #dadce0;border-radius:18px;font-weight:500;height:36px;min-width:110px;padding:4px 8px}.c-selectbadge-dropdown__label:hover{background-color:rgba(32,33,36,.059)}.c-selectbadge-dropdown__label:active{background:rgba(32,33,36,.122)}.c-selectbadge-dropdown .c-selectbadge-icon{display:inline-block;font-size:18px}.c-selectbadge-dropdown .c-selectbadge-icon__checked{color:rgba(0,0,0,.5);font-size:16px}.c-selectbadge-dropdown .c-selectbadge-icon.c-primary{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-black400{color:#757575}.c-selectbadge-dropdown .c-selectbadge-icon.c-info{color:#2962ff}.c-selectbadge-dropdown .c-selectbadge-icon.c-warning{color:#ff9600}.c-selectbadge-dropdown .c-selectbadge-icon.c-success{color:#4caf50}.c-selectbadge-dropdown .c-selectbadge-icon.c-danger{color:#f82c13}.c-selectbadge-dropdown__content{background-color:#fff;border-radius:3px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:block;left:0;min-width:160px;min-width:256px;padding:12px 0;position:absolute;top:36px;z-index:9}.c-selectbadge-dropdown__content .c-selectbadge-item{padding:16px 12px}.c-selectbadge-dropdown__content .c-selectbadge-item:hover{background-color:#eee;outline:1px dashed transparent}.c-selectbadge-dropdown__content .c-selectbadge-item__desc{color:rgba(0,0,0,.5);font-size:12px}"]}]}],"members":{"selectbadge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":3},"arguments":["selectbadge"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"_items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["items"]}]}],"valueField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"displayField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"iconField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"iconColorField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"descriptionField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"sdSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":46,"character":3},"arguments":["document:click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelected":[{"__symbolic":"method"}]}},"SdSelectBadgeDisplayDefDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdSelectBadgeDisplayDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"SdSelectBadgeModule":"./src/lib/select-badge.module","SdSelectBadge":"./src/lib/select-badge.component","SdSelectBadgeDisplayDefDirective":"./src/lib/select-badge-display-def.directive"},"importAs":"@sd-angular/core/select-badge"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
export declare class SdSelectBadge {
|
|
3
|
+
#private;
|
|
4
|
+
private ref;
|
|
5
|
+
selectbadge: ElementRef<HTMLDivElement>;
|
|
6
|
+
selectedItem: any;
|
|
7
|
+
label: string;
|
|
8
|
+
placeholder: string;
|
|
9
|
+
value: string;
|
|
10
|
+
set model(val: any);
|
|
11
|
+
items: any[];
|
|
12
|
+
set _items(items: any[]);
|
|
13
|
+
valueField: string;
|
|
14
|
+
displayField: string;
|
|
15
|
+
iconField: string;
|
|
16
|
+
iconColorField: string;
|
|
17
|
+
descriptionField: string;
|
|
18
|
+
modelChange: EventEmitter<any>;
|
|
19
|
+
sdChange: EventEmitter<any>;
|
|
20
|
+
sdSelection: EventEmitter<{
|
|
21
|
+
value: any | any[];
|
|
22
|
+
item?: any;
|
|
23
|
+
items?: any[];
|
|
24
|
+
}>;
|
|
25
|
+
isShowContent: boolean;
|
|
26
|
+
clickout(event: any): void;
|
|
27
|
+
constructor(ref: ChangeDetectorRef);
|
|
28
|
+
ngOnInit(): void;
|
|
29
|
+
onToogle: () => void;
|
|
30
|
+
onModelChange: (val: any) => void;
|
|
31
|
+
onSelected(item?: any): void;
|
|
32
|
+
}
|