vcomply-workflow-engine 3.9.3 → 3.9.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/constants/template.constant.mjs +6 -0
- package/esm2022/lib/link-related-policies/link-related-policies.component.mjs +1 -2
- package/esm2022/lib/services/auth.service.mjs +172 -0
- package/esm2022/lib/sharedComponents/document-section/document-section.component.mjs +49 -24
- package/esm2022/lib/sharedComponents/policy-template/constants/template.constant.mjs +3 -0
- package/esm2022/lib/sharedComponents/policy-template/policy-template.module.mjs +65 -0
- package/esm2022/lib/sharedComponents/policy-template/select-template-list/select-template-list.component.mjs +206 -0
- package/esm2022/lib/sharedComponents/policy-template/services/template.service.mjs +67 -0
- package/esm2022/lib/sharedComponents/policy-template/template-list-table/template-list-table.component.mjs +42 -0
- package/esm2022/lib/sharedComponents/policy-template/template-pipes/get-template-category.pipe.mjs +19 -0
- package/esm2022/lib/sharedComponents/policy-template/template-pipes/search-template.pipe.mjs +59 -0
- package/esm2022/lib/sharedComponents/policy-template/template-pipes/template-pipes.module.mjs +19 -0
- package/esm2022/lib/sharedComponents/policy-template/view-policy/view-policy/view-policy.component.mjs +93 -0
- package/esm2022/lib/sharedComponents/policy-template/view-policy/view-policy.module.mjs +19 -0
- package/esm2022/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.mjs +203 -0
- package/esm2022/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.mjs +31 -0
- package/esm2022/lib/ui-kit/multi-select/multi-select.module.mjs +37 -0
- package/esm2022/lib/ui-kit/multi-select/multi-select.service.mjs +16 -0
- package/esm2022/lib/workflow-engine.module.mjs +11 -3
- package/esm2022/lib/workflow-policy/workflow-policy.component.mjs +36 -26
- package/fesm2022/vcomply-workflow-engine.mjs +879 -39
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/constants/template.constant.d.ts +5 -0
- package/lib/services/auth.service.d.ts +39 -0
- package/lib/sharedComponents/document-section/document-section.component.d.ts +3 -1
- package/lib/sharedComponents/policy-template/constants/template.constant.d.ts +2 -0
- package/lib/sharedComponents/policy-template/policy-template.module.d.ts +20 -0
- package/lib/sharedComponents/policy-template/select-template-list/select-template-list.component.d.ts +49 -0
- package/lib/sharedComponents/policy-template/services/template.service.d.ts +19 -0
- package/lib/sharedComponents/policy-template/template-list-table/template-list-table.component.d.ts +14 -0
- package/lib/sharedComponents/policy-template/template-pipes/get-template-category.pipe.d.ts +7 -0
- package/lib/sharedComponents/policy-template/template-pipes/search-template.pipe.d.ts +37 -0
- package/lib/sharedComponents/policy-template/template-pipes/template-pipes.module.d.ts +9 -0
- package/lib/sharedComponents/policy-template/view-policy/view-policy/view-policy.component.d.ts +25 -0
- package/lib/sharedComponents/policy-template/view-policy/view-policy.module.d.ts +9 -0
- package/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.d.ts +69 -0
- package/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.d.ts +12 -0
- package/lib/ui-kit/multi-select/multi-select.module.d.ts +11 -0
- package/lib/ui-kit/multi-select/multi-select.service.d.ts +7 -0
- package/lib/workflow-engine.module.d.ts +3 -1
- package/lib/workflow-policy/workflow-policy.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @Pipe SearchByKeys
|
|
5
|
+
*
|
|
6
|
+
* A custom Angular pipe that filters an array of objects based on a search value and specified keys.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <div *ngFor="let item of items | SearchByKeys: ['name', 'description']: searchValue">
|
|
10
|
+
* {{ item.name }}
|
|
11
|
+
* </div>
|
|
12
|
+
*
|
|
13
|
+
* @class
|
|
14
|
+
* @implements {PipeTransform}
|
|
15
|
+
*/
|
|
16
|
+
/**
|
|
17
|
+
* Transforms an array of objects by filtering them based on the provided keys and search value.
|
|
18
|
+
*
|
|
19
|
+
* @param {any[]} items - The array of objects to be filtered.
|
|
20
|
+
* @param {string[]} keys - The keys of the objects to be searched.
|
|
21
|
+
* @param {string} value - The search value to filter the objects.
|
|
22
|
+
* @returns {any[]} - The filtered array of objects.
|
|
23
|
+
*/
|
|
24
|
+
/**
|
|
25
|
+
* Searches within an object for a value.
|
|
26
|
+
*
|
|
27
|
+
* @private
|
|
28
|
+
* @param {any} obj - The object to search within.
|
|
29
|
+
* @param {string} value - The search value.
|
|
30
|
+
* @returns {boolean} - True if the value is found within the object, otherwise false.
|
|
31
|
+
*/
|
|
32
|
+
export class SearchByKeysPipe {
|
|
33
|
+
transform(items, keys, value) {
|
|
34
|
+
if (!items || !keys || !value) {
|
|
35
|
+
return items;
|
|
36
|
+
}
|
|
37
|
+
value = value.toLowerCase();
|
|
38
|
+
return items.filter((item) => {
|
|
39
|
+
return keys.some((key) => {
|
|
40
|
+
if (Array.isArray(item[key])) {
|
|
41
|
+
return item[key].some((subItem) => this.searchInObject(subItem, value));
|
|
42
|
+
}
|
|
43
|
+
return item[key]?.toString().toLowerCase().includes(value);
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
searchInObject(obj, value) {
|
|
48
|
+
return Object.values(obj).some((val) => val?.toString().toLowerCase().includes(value));
|
|
49
|
+
}
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchByKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
51
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SearchByKeysPipe, name: "SearchByKeys" }); }
|
|
52
|
+
}
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchByKeysPipe, decorators: [{
|
|
54
|
+
type: Pipe,
|
|
55
|
+
args: [{
|
|
56
|
+
name: 'SearchByKeys',
|
|
57
|
+
}]
|
|
58
|
+
}] });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXRlbXBsYXRlLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3BvbGljeS10ZW1wbGF0ZS90ZW1wbGF0ZS1waXBlcy9zZWFyY2gtdGVtcGxhdGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFFcEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBRUg7Ozs7Ozs7R0FPRztBQUVIOzs7Ozs7O0dBT0c7QUFJSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFNBQVMsQ0FBQyxLQUFZLEVBQUUsSUFBYyxFQUFFLEtBQWE7UUFDbkQsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM3QixPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsS0FBSyxHQUFHLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM1QixPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDdkIsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO29CQUM1QixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFZLEVBQUUsRUFBRSxDQUNyQyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FDcEMsQ0FBQztpQkFDSDtnQkFDRCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDN0QsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxjQUFjLENBQUMsR0FBUSxFQUFFLEtBQWE7UUFDNUMsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQ3JDLEdBQUcsRUFBRSxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQzlDLENBQUM7SUFDSixDQUFDOytHQXRCVSxnQkFBZ0I7NkdBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFINUIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsY0FBYztpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQFBpcGUgU2VhcmNoQnlLZXlzXG4gKlxuICogQSBjdXN0b20gQW5ndWxhciBwaXBlIHRoYXQgZmlsdGVycyBhbiBhcnJheSBvZiBvYmplY3RzIGJhc2VkIG9uIGEgc2VhcmNoIHZhbHVlIGFuZCBzcGVjaWZpZWQga2V5cy5cbiAqXG4gKiBAZXhhbXBsZVxuICogPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtcyB8IFNlYXJjaEJ5S2V5czogWyduYW1lJywgJ2Rlc2NyaXB0aW9uJ106IHNlYXJjaFZhbHVlXCI+XG4gKiAgIHt7IGl0ZW0ubmFtZSB9fVxuICogPC9kaXY+XG4gKlxuICogQGNsYXNzXG4gKiBAaW1wbGVtZW50cyB7UGlwZVRyYW5zZm9ybX1cbiAqL1xuXG4vKipcbiAqIFRyYW5zZm9ybXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyBieSBmaWx0ZXJpbmcgdGhlbSBiYXNlZCBvbiB0aGUgcHJvdmlkZWQga2V5cyBhbmQgc2VhcmNoIHZhbHVlLlxuICpcbiAqIEBwYXJhbSB7YW55W119IGl0ZW1zIC0gVGhlIGFycmF5IG9mIG9iamVjdHMgdG8gYmUgZmlsdGVyZWQuXG4gKiBAcGFyYW0ge3N0cmluZ1tdfSBrZXlzIC0gVGhlIGtleXMgb2YgdGhlIG9iamVjdHMgdG8gYmUgc2VhcmNoZWQuXG4gKiBAcGFyYW0ge3N0cmluZ30gdmFsdWUgLSBUaGUgc2VhcmNoIHZhbHVlIHRvIGZpbHRlciB0aGUgb2JqZWN0cy5cbiAqIEByZXR1cm5zIHthbnlbXX0gLSBUaGUgZmlsdGVyZWQgYXJyYXkgb2Ygb2JqZWN0cy5cbiAqL1xuXG4vKipcbiAqIFNlYXJjaGVzIHdpdGhpbiBhbiBvYmplY3QgZm9yIGEgdmFsdWUuXG4gKlxuICogQHByaXZhdGVcbiAqIEBwYXJhbSB7YW55fSBvYmogLSBUaGUgb2JqZWN0IHRvIHNlYXJjaCB3aXRoaW4uXG4gKiBAcGFyYW0ge3N0cmluZ30gdmFsdWUgLSBUaGUgc2VhcmNoIHZhbHVlLlxuICogQHJldHVybnMge2Jvb2xlYW59IC0gVHJ1ZSBpZiB0aGUgdmFsdWUgaXMgZm91bmQgd2l0aGluIHRoZSBvYmplY3QsIG90aGVyd2lzZSBmYWxzZS5cbiAqL1xuQFBpcGUoe1xuICBuYW1lOiAnU2VhcmNoQnlLZXlzJyxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoQnlLZXlzUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0oaXRlbXM6IGFueVtdLCBrZXlzOiBzdHJpbmdbXSwgdmFsdWU6IHN0cmluZyk6IGFueVtdIHtcbiAgICBpZiAoIWl0ZW1zIHx8ICFrZXlzIHx8ICF2YWx1ZSkge1xuICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH1cbiAgICB2YWx1ZSA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gICAgcmV0dXJuIGl0ZW1zLmZpbHRlcigoaXRlbSkgPT4ge1xuICAgICAgcmV0dXJuIGtleXMuc29tZSgoa2V5KSA9PiB7XG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KGl0ZW1ba2V5XSkpIHtcbiAgICAgICAgICByZXR1cm4gaXRlbVtrZXldLnNvbWUoKHN1Ykl0ZW06IGFueSkgPT5cbiAgICAgICAgICAgIHRoaXMuc2VhcmNoSW5PYmplY3Qoc3ViSXRlbSwgdmFsdWUpXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbVtrZXldPy50b1N0cmluZygpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModmFsdWUpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNlYXJjaEluT2JqZWN0KG9iajogYW55LCB2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIE9iamVjdC52YWx1ZXMob2JqKS5zb21lKCh2YWwpID0+XG4gICAgICB2YWw/LnRvU3RyaW5nKCkudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh2YWx1ZSlcbiAgICApO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { GetTemplateCategoryPipe } from './get-template-category.pipe';
|
|
4
|
+
import { SearchByKeysPipe } from './search-template.pipe';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class TemplatePipesModule {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplatePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TemplatePipesModule, declarations: [GetTemplateCategoryPipe, SearchByKeysPipe], imports: [CommonModule], exports: [GetTemplateCategoryPipe, SearchByKeysPipe] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplatePipesModule, imports: [CommonModule] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplatePipesModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [GetTemplateCategoryPipe, SearchByKeysPipe],
|
|
15
|
+
imports: [CommonModule],
|
|
16
|
+
exports: [GetTemplateCategoryPipe, SearchByKeysPipe],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtcGlwZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdGVtcGxhdGUtcGlwZXMvdGVtcGxhdGUtcGlwZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU8xRCxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFKZix1QkFBdUIsRUFBRSxnQkFBZ0IsYUFDOUMsWUFBWSxhQUNaLHVCQUF1QixFQUFFLGdCQUFnQjtnSEFFeEMsbUJBQW1CLFlBSHBCLFlBQVk7OzRGQUdYLG1CQUFtQjtrQkFML0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekQsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxnQkFBZ0IsQ0FBQztpQkFDckQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEdldFRlbXBsYXRlQ2F0ZWdvcnlQaXBlIH0gZnJvbSAnLi9nZXQtdGVtcGxhdGUtY2F0ZWdvcnkucGlwZSc7XG5pbXBvcnQgeyBTZWFyY2hCeUtleXNQaXBlIH0gZnJvbSAnLi9zZWFyY2gtdGVtcGxhdGUucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0dldFRlbXBsYXRlQ2F0ZWdvcnlQaXBlLCBTZWFyY2hCeUtleXNQaXBlXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHZXRUZW1wbGF0ZUNhdGVnb3J5UGlwZSwgU2VhcmNoQnlLZXlzUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFRlbXBsYXRlUGlwZXNNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { Component, Input, Optional, ViewChild, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../../configurations";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "@syncfusion/ej2-angular-documenteditor";
|
|
6
|
+
export class ViewPolicyComponent {
|
|
7
|
+
constructor(config) {
|
|
8
|
+
this.resizeEditor = false;
|
|
9
|
+
this.serviceUrl = '';
|
|
10
|
+
this.settings = { optimizeSfdt: false };
|
|
11
|
+
this.isContentLoaded = false;
|
|
12
|
+
this.hasComments = false;
|
|
13
|
+
this.palette = [
|
|
14
|
+
'#011f4b',
|
|
15
|
+
'#009688',
|
|
16
|
+
'#ee4035',
|
|
17
|
+
'#f37736',
|
|
18
|
+
'#7bc043',
|
|
19
|
+
'#854442',
|
|
20
|
+
'#ffa700',
|
|
21
|
+
'#d11141',
|
|
22
|
+
'#ff3377',
|
|
23
|
+
'#8d5524',
|
|
24
|
+
];
|
|
25
|
+
this.userName = ''; // current user name
|
|
26
|
+
this.serviceUrl = config?.envConfig?.cpEditor;
|
|
27
|
+
}
|
|
28
|
+
ngOnChanges(changes) {
|
|
29
|
+
if (changes?.contents?.currentValue) {
|
|
30
|
+
this.onCreating();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
ngOnInit() { }
|
|
34
|
+
onCreating() {
|
|
35
|
+
this.isContentLoaded = true;
|
|
36
|
+
this.contents = JSON.stringify(JSON.parse(this.contents));
|
|
37
|
+
setTimeout(() => {
|
|
38
|
+
if (this.documentEditor?.documentEditor) {
|
|
39
|
+
this.configureEditor();
|
|
40
|
+
}
|
|
41
|
+
}, 100);
|
|
42
|
+
}
|
|
43
|
+
onCreated() {
|
|
44
|
+
if (this.documentEditor &&
|
|
45
|
+
this.documentEditor?.documentEditor &&
|
|
46
|
+
this.documentEditor?.documentEditor?.isDocumentLoaded) {
|
|
47
|
+
this.configureEditor();
|
|
48
|
+
this.documentEditor.documentEditor.height = `${window.innerHeight - 220}px`;
|
|
49
|
+
this.documentEditor.documentEditor.userColor =
|
|
50
|
+
this.palette[Math.floor(Math.random() * this.palette.length)];
|
|
51
|
+
this.resizeEditor = true;
|
|
52
|
+
this.checkComments();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
configureEditor() {
|
|
56
|
+
if (this.documentEditor.documentEditor) {
|
|
57
|
+
this.documentEditor.documentEditor.showRevisions = false;
|
|
58
|
+
this.documentEditor.documentEditor.showComments = false;
|
|
59
|
+
this.documentEditor.documentEditor.resize();
|
|
60
|
+
this.documentEditor.documentEditor.focusIn();
|
|
61
|
+
if (this.contents) {
|
|
62
|
+
this.documentEditor.documentEditor.open(this.contents);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
checkComments() {
|
|
67
|
+
const commentsLength = this.documentEditor?.documentEditor?.documentHelper?.comments?.length ||
|
|
68
|
+
0;
|
|
69
|
+
this.hasComments = commentsLength > 0;
|
|
70
|
+
}
|
|
71
|
+
viewComment() {
|
|
72
|
+
if (this.documentEditor) {
|
|
73
|
+
this.documentEditor.documentEditor.showComments =
|
|
74
|
+
!this.documentEditor.documentEditor.showComments;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyComponent, deps: [{ token: i1.Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewPolicyComponent, selector: "app-view-policy", inputs: { contents: "contents", userName: "userName" }, viewQueries: [{ propertyName: "documentEditor", first: true, predicate: ["document_editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ejs-documenteditorcontainer\r\n *ngIf=\"isContentLoaded\"\r\n (created)=\"onCreated()\"\r\n #document_editor\r\n style=\"width: 100%; height: 100%; display: block\"\r\n [enableToolbar]=\"false\"\r\n [serviceUrl]=\"serviceUrl\"\r\n [restrictEditing]=\"true\"\r\n class=\"e-documenteditor\"\r\n [documentEditorSettings]=\"settings\"\r\n>\r\n</ejs-documenteditorcontainer>\r\n", styles: ["button.commentBtn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;color:#1e5dd3;font-size:11px;font-weight:500;text-transform:uppercase;padding:0 .5rem;margin:0;height:1.5rem;display:flex;align-items:center;position:absolute;top:-18px;left:229px;z-index:2}button.commentBtn i{font-size:12px;margin-right:.25rem}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar{background:#fff!important;border-top:1px solid #dbdbdb;box-shadow:0 -3px 6px #1e5dd326!important;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout{padding-top:0;width:calc(100% - 100px);color:#000;font-size:13px}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout span{border:1px solid transparent}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout .e-input,::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px!important;align-items:center;display:flex}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout .e-input input,::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout label input{font-size:11px;height:16px;background:#fff;border:1px solid #eee;border-radius:2px;color:#000;padding:0;text-align:center}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-pageweb{display:none}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom{height:24px;padding:0 20px;margin:0;white-space:nowrap;border-radius:0;box-shadow:none;background:#fafafa;border:0;color:#000;font-weight:400}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom .e-btn-icon{position:relative}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom .e-btn-icon:before{content:\"\";position:absolute;top:8px;right:-16px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}::ng-deep .e-dlg-container.e-dlg-center-center{display:none!important}::ng-deep .e-dropdown-popup{background:#fff;position:absolute}::ng-deep .e-dropdown-popup ul{border:none;border-radius:0;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;box-sizing:border-box;font-size:14px;font-weight:400;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;min-width:120px;overflow:hidden;padding:8px 0;-webkit-user-select:none;user-select:none;white-space:nowrap}::ng-deep .e-dropdown-popup ul .e-item{cursor:pointer;display:flex;height:36px;line-height:36px;padding:0 16px}::ng-deep .e-dropdown-popup ul .e-item:hover{background-color:#e0e0e0;color:#000000de}::ng-deep .e-dropdown-popup ul .e-item.e-separator{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#0000001f;cursor:auto;height:auto;line-height:normal;margin:8px 0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DocumentEditorContainerComponent, selector: "ejs-documenteditorcontainer", inputs: ["autoResizeOnVisibilityChange", "currentUser", "documentEditorSettings", "documentSettings", "enableAutoFocus", "enableComment", "enableCsp", "enableLocalPaste", "enableLockAndEdit", "enablePersistence", "enableRtl", "enableSpellCheck", "enableToolbar", "enableTrackChanges", "headers", "height", "layoutType", "locale", "restrictEditing", "serverActionSettings", "serviceUrl", "showPropertiesPane", "toolbarItems", "userColor", "width", "zIndex"], outputs: ["beforeAcceptRejectChanges", "beforeCommentAction", "beforePaneSwitch", "commentDelete", "contentChange", "contentControl", "created", "customContextMenuBeforeOpen", "customContextMenuSelect", "destroyed", "documentChange", "selectionChange", "serviceFailure", "toolbarClick", "trackChange", "beforeXmlHttpRequestSend"] }] }); }
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'app-view-policy', template: "<ejs-documenteditorcontainer\r\n *ngIf=\"isContentLoaded\"\r\n (created)=\"onCreated()\"\r\n #document_editor\r\n style=\"width: 100%; height: 100%; display: block\"\r\n [enableToolbar]=\"false\"\r\n [serviceUrl]=\"serviceUrl\"\r\n [restrictEditing]=\"true\"\r\n class=\"e-documenteditor\"\r\n [documentEditorSettings]=\"settings\"\r\n>\r\n</ejs-documenteditorcontainer>\r\n", styles: ["button.commentBtn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;color:#1e5dd3;font-size:11px;font-weight:500;text-transform:uppercase;padding:0 .5rem;margin:0;height:1.5rem;display:flex;align-items:center;position:absolute;top:-18px;left:229px;z-index:2}button.commentBtn i{font-size:12px;margin-right:.25rem}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar{background:#fff!important;border-top:1px solid #dbdbdb;box-shadow:0 -3px 6px #1e5dd326!important;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout{padding-top:0;width:calc(100% - 100px);color:#000;font-size:13px}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout span{border:1px solid transparent}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout .e-input,::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px!important;align-items:center;display:flex}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout .e-input input,::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-ctnr-pg-no-spellout label input{font-size:11px;height:16px;background:#fff;border:1px solid #eee;border-radius:2px;color:#000;padding:0;text-align:center}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-pageweb{display:none}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom{height:24px;padding:0 20px;margin:0;white-space:nowrap;border-radius:0;box-shadow:none;background:#fafafa;border:0;color:#000;font-weight:400}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom .e-btn-icon{position:relative}::ng-deep ejs-documenteditorcontainer .e-de-ctn .e-de-status-bar .e-de-statusbar-zoom .e-btn-icon:before{content:\"\";position:absolute;top:8px;right:-16px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}::ng-deep .e-dlg-container.e-dlg-center-center{display:none!important}::ng-deep .e-dropdown-popup{background:#fff;position:absolute}::ng-deep .e-dropdown-popup ul{border:none;border-radius:0;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;box-sizing:border-box;font-size:14px;font-weight:400;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;min-width:120px;overflow:hidden;padding:8px 0;-webkit-user-select:none;user-select:none;white-space:nowrap}::ng-deep .e-dropdown-popup ul .e-item{cursor:pointer;display:flex;height:36px;line-height:36px;padding:0 16px}::ng-deep .e-dropdown-popup ul .e-item:hover{background-color:#e0e0e0;color:#000000de}::ng-deep .e-dropdown-popup ul .e-item.e-separator{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#0000001f;cursor:auto;height:auto;line-height:normal;margin:8px 0;pointer-events:none}\n"] }]
|
|
83
|
+
}], ctorParameters: function () { return [{ type: i1.Configurations, decorators: [{
|
|
84
|
+
type: Optional
|
|
85
|
+
}] }]; }, propDecorators: { contents: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], userName: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], documentEditor: [{
|
|
90
|
+
type: ViewChild,
|
|
91
|
+
args: ['document_editor']
|
|
92
|
+
}] } });
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1wb2xpY3kuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdmlldy1wb2xpY3kvdmlldy1wb2xpY3kvdmlldy1wb2xpY3kuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdmlldy1wb2xpY3kvdmlldy1wb2xpY3kvdmlldy1wb2xpY3kuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBR0wsUUFBUSxFQUVSLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFZdkIsTUFBTSxPQUFPLG1CQUFtQjtJQTJCOUIsWUFBd0IsTUFBdUI7UUExQnhDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsYUFBUSxHQUFnQyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUNoRSxvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUNqQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUVuQixZQUFPLEdBQUc7WUFDekIsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztTQUNWLENBQUM7UUFJTyxhQUFRLEdBQVcsRUFBRSxDQUFDLENBQUMsb0JBQW9CO1FBTWxELElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7SUFDaEQsQ0FBQztJQUVELFdBQVcs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dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIE9wdGlvbmFsLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIERvY3VtZW50RWRpdG9yQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gIERvY3VtZW50RWRpdG9yU2V0dGluZ3NNb2RlbCxcclxufSBmcm9tICdAc3luY2Z1c2lvbi9lajItYW5ndWxhci1kb2N1bWVudGVkaXRvcic7XHJcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29uZmlndXJhdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtdmlldy1wb2xpY3knLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92aWV3LXBvbGljeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdmlldy1wb2xpY3kuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZpZXdQb2xpY3lDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgcHVibGljIHJlc2l6ZUVkaXRvcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBzZXJ2aWNlVXJsOiBzdHJpbmcgPSAnJztcclxuICBwdWJsaWMgc2V0dGluZ3M6IERvY3VtZW50RWRpdG9yU2V0dGluZ3NNb2RlbCA9IHsgb3B0aW1pemVTZmR0OiBmYWxzZSB9O1xyXG4gIHB1YmxpYyBpc0NvbnRlbnRMb2FkZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgaGFzQ29tbWVudHM6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSByZWFkb25seSBwYWxldHRlID0gW1xyXG4gICAgJyMwMTFmNGInLFxyXG4gICAgJyMwMDk2ODgnLFxyXG4gICAgJyNlZTQwMzUnLFxyXG4gICAgJyNmMzc3MzYnLFxyXG4gICAgJyM3YmMwNDMnLFxyXG4gICAgJyM4NTQ0NDInLFxyXG4gICAgJyNmZmE3MDAnLFxyXG4gICAgJyNkMTExNDEnLFxyXG4gICAgJyNmZjMzNzcnLFxyXG4gICAgJyM4ZDU1MjQnLFxyXG4gIF07XHJcblxyXG4gIEBJbnB1dCgpIGNvbnRlbnRzOiBhbnk7XHJcblxyXG4gIEBJbnB1dCgpIHVzZXJOYW1lOiBzdHJpbmcgPSAnJzsgLy8gY3VycmVudCB1c2VyIG5hbWVcclxuXHJcbiAgQFZpZXdDaGlsZCgnZG9jdW1lbnRfZWRpdG9yJylcclxuICBwdWJsaWMgZG9jdW1lbnRFZGl0b3IhOiBEb2N1bWVudEVkaXRvckNvbnRhaW5lckNvbXBvbmVudDtcclxuXHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgY29uZmlnPzogQ29uZmlndXJhdGlvbnMpIHtcclxuICAgIHRoaXMuc2VydmljZVVybCA9IGNvbmZpZz8uZW52Q29uZmlnPy5jcEVkaXRvcjtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzPy5jb250ZW50cz8uY3VycmVudFZhbHVlKSB7XHJcbiAgICAgIHRoaXMub25DcmVhdGluZygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICBwcml2YXRlIG9uQ3JlYXRpbmcoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzQ29udGVudExvYWRlZCA9IHRydWU7XHJcbiAgICB0aGlzLmNvbnRlbnRzID0gSlNPTi5zdHJpbmdpZnkoSlNPTi5wYXJzZSh0aGlzLmNvbnRlbnRzKSk7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMuZG9jdW1lbnRFZGl0b3I/LmRvY3VtZW50RWRpdG9yKSB7XHJcbiAgICAgICAgdGhpcy5jb25maWd1cmVFZGl0b3IoKTtcclxuICAgICAgfVxyXG4gICAgfSwgMTAwKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNyZWF0ZWQoKTogdm9pZCB7XHJcbiAgICBpZiAoXHJcbiAgICAgIHRoaXMuZG9jdW1lbnRFZGl0b3IgJiZcclxuICAgICAgdGhpcy5kb2N1bWVudEVkaXRvcj8uZG9jdW1lbnRFZGl0b3IgJiZcclxuICAgICAgdGhpcy5kb2N1bWVudEVkaXRvcj8uZG9jdW1lbnRFZGl0b3I/LmlzRG9jdW1lbnRMb2FkZWRcclxuICAgICkge1xyXG4gICAgICB0aGlzLmNvbmZpZ3VyZUVkaXRvcigpO1xyXG4gICAgICB0aGlzLmRvY3VtZW50RWRpdG9yLmRvY3VtZW50RWRpdG9yLmhlaWdodCA9IGAke1xyXG4gICAgICAgIHdpbmRvdy5pbm5lckhlaWdodCAtIDIyMFxyXG4gICAgICB9cHhgO1xyXG4gICAgICB0aGlzLmRvY3VtZW50RWRpdG9yLmRvY3VtZW50RWRpdG9yLnVzZXJDb2xvciA9XHJcbiAgICAgICAgdGhpcy5wYWxldHRlW01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIHRoaXMucGFsZXR0ZS5sZW5ndGgpXTtcclxuICAgICAgdGhpcy5yZXNpemVFZGl0b3IgPSB0cnVlO1xyXG4gICAgICB0aGlzLmNoZWNrQ29tbWVudHMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBjb25maWd1cmVFZGl0b3IoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5kb2N1bWVudEVkaXRvci5kb2N1bWVudEVkaXRvcikge1xyXG4gICAgICB0aGlzLmRvY3VtZW50RWRpdG9yLmRvY3VtZW50RWRpdG9yLnNob3dSZXZpc2lvbnMgPSBmYWxzZTtcclxuICAgICAgdGhpcy5kb2N1bWVudEVkaXRvci5kb2N1bWVudEVkaXRvci5zaG93Q29tbWVudHMgPSBmYWxzZTtcclxuICAgICAgdGhpcy5kb2N1bWVudEVkaXRvci5kb2N1bWVudEVkaXRvci5yZXNpemUoKTtcclxuICAgICAgdGhpcy5kb2N1bWVudEVkaXRvci5kb2N1bWVudEVkaXRvci5mb2N1c0luKCk7XHJcbiAgICAgIGlmICh0aGlzLmNvbnRlbnRzKSB7XHJcbiAgICAgICAgdGhpcy5kb2N1bWVudEVkaXRvci5kb2N1bWVudEVkaXRvci5vcGVuKHRoaXMuY29udGVudHMpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjaGVja0NvbW1lbnRzKCkge1xyXG4gICAgY29uc3QgY29tbWVudHNMZW5ndGggPVxyXG4gICAgICB0aGlzLmRvY3VtZW50RWRpdG9yPy5kb2N1bWVudEVkaXRvcj8uZG9jdW1lbnRIZWxwZXI/LmNvbW1lbnRzPy5sZW5ndGggfHxcclxuICAgICAgMDtcclxuICAgIHRoaXMuaGFzQ29tbWVudHMgPSBjb21tZW50c0xlbmd0aCA+IDA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdmlld0NvbW1lbnQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5kb2N1bWVudEVkaXRvcikge1xyXG4gICAgICB0aGlzLmRvY3VtZW50RWRpdG9yLmRvY3VtZW50RWRpdG9yLnNob3dDb21tZW50cyA9XHJcbiAgICAgICAgIXRoaXMuZG9jdW1lbnRFZGl0b3IuZG9jdW1lbnRFZGl0b3Iuc2hvd0NvbW1lbnRzO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZWpzLWRvY3VtZW50ZWRpdG9yY29udGFpbmVyXHJcbiAgKm5nSWY9XCJpc0NvbnRlbnRMb2FkZWRcIlxyXG4gIChjcmVhdGVkKT1cIm9uQ3JlYXRlZCgpXCJcclxuICAjZG9jdW1lbnRfZWRpdG9yXHJcbiAgc3R5bGU9XCJ3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlOyBkaXNwbGF5OiBibG9ja1wiXHJcbiAgW2VuYWJsZVRvb2xiYXJdPVwiZmFsc2VcIlxyXG4gIFtzZXJ2aWNlVXJsXT1cInNlcnZpY2VVcmxcIlxyXG4gIFtyZXN0cmljdEVkaXRpbmddPVwidHJ1ZVwiXHJcbiAgY2xhc3M9XCJlLWRvY3VtZW50ZWRpdG9yXCJcclxuICBbZG9jdW1lbnRFZGl0b3JTZXR0aW5nc109XCJzZXR0aW5nc1wiXHJcbj5cclxuPC9lanMtZG9jdW1lbnRlZGl0b3Jjb250YWluZXI+XHJcbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { ViewPolicyComponent } from "./view-policy/view-policy.component";
|
|
4
|
+
import { DocumentEditorContainerModule } from "@syncfusion/ej2-angular-documenteditor";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class ViewPolicyModule {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyModule, declarations: [ViewPolicyComponent], imports: [CommonModule, DocumentEditorContainerModule], exports: [ViewPolicyComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyModule, imports: [CommonModule, DocumentEditorContainerModule] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewPolicyModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [ViewPolicyComponent],
|
|
15
|
+
imports: [CommonModule, DocumentEditorContainerModule],
|
|
16
|
+
exports: [ViewPolicyComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1wb2xpY3kubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdmlldy1wb2xpY3kvdmlldy1wb2xpY3kubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQU92RixNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7Z0hBQWhCLGdCQUFnQixpQkFKWixtQkFBbUIsYUFDeEIsWUFBWSxFQUFFLDZCQUE2QixhQUMzQyxtQkFBbUI7Z0hBRWxCLGdCQUFnQixZQUhqQixZQUFZLEVBQUUsNkJBQTZCOzs0RkFHMUMsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsNkJBQTZCLENBQUM7b0JBQ3RELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBWaWV3UG9saWN5Q29tcG9uZW50IH0gZnJvbSBcIi4vdmlldy1wb2xpY3kvdmlldy1wb2xpY3kuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IERvY3VtZW50RWRpdG9yQ29udGFpbmVyTW9kdWxlIH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWRvY3VtZW50ZWRpdG9yXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1ZpZXdQb2xpY3lDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERvY3VtZW50RWRpdG9yQ29udGFpbmVyTW9kdWxlXSxcclxuICBleHBvcnRzOiBbVmlld1BvbGljeUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWaWV3UG9saWN5TW9kdWxlIHt9XHJcbiJdfQ==
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import { Component, Input, ViewChild, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { nanoid } from 'nanoid';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../multi-select.service";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@angular/forms";
|
|
7
|
+
import * as i4 from "../../popover/popover.component";
|
|
8
|
+
import * as i5 from "../../popover/popover.directive";
|
|
9
|
+
export class CsMultiselectComponent {
|
|
10
|
+
set content(content) {
|
|
11
|
+
if (content) {
|
|
12
|
+
// initially setter gets called with undefined
|
|
13
|
+
this.optionList = content;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
constructor(multiSelectService) {
|
|
17
|
+
this.multiSelectService = multiSelectService;
|
|
18
|
+
this.placeholder = '';
|
|
19
|
+
this.selectedItem = [];
|
|
20
|
+
this.valueChange = new EventEmitter();
|
|
21
|
+
this.applyFilter = new EventEmitter();
|
|
22
|
+
this.searchText = new EventEmitter();
|
|
23
|
+
this.resetSelectedData = new EventEmitter();
|
|
24
|
+
this.previousItems = [];
|
|
25
|
+
this.itemsDisplayedList = [];
|
|
26
|
+
this.filterApplied = true;
|
|
27
|
+
this.tempSelectedData = [];
|
|
28
|
+
this.value = [];
|
|
29
|
+
this.items = [];
|
|
30
|
+
this.name = nanoid();
|
|
31
|
+
this.searchPlaceholder = 'Search...';
|
|
32
|
+
// alert(this.tempSelectedData.length);
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
*
|
|
36
|
+
* @param index - Represents the index of the value to be removed
|
|
37
|
+
*/
|
|
38
|
+
removeValue(index) {
|
|
39
|
+
this.items.splice(index, 1);
|
|
40
|
+
this.value.splice(index, 1);
|
|
41
|
+
this.writeValue(this.value);
|
|
42
|
+
this.itemsDisplayedList = [...new Set(this.items)];
|
|
43
|
+
this.applyFilter.emit(this.filterApplied);
|
|
44
|
+
this.tempSelectedData = [...this.value];
|
|
45
|
+
this.previousItems = [...new Set(this.items)];
|
|
46
|
+
this.multiSelectService.overflowHidden = false;
|
|
47
|
+
}
|
|
48
|
+
resetState(type) {
|
|
49
|
+
this.value = [];
|
|
50
|
+
this.items = [];
|
|
51
|
+
if (type === 'allReset') {
|
|
52
|
+
this.previousItems = [];
|
|
53
|
+
this.tempSelectedData = [];
|
|
54
|
+
}
|
|
55
|
+
if (this.previousItems?.length === 0) {
|
|
56
|
+
this.resetSelectedData.emit(true);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
ngOnChanges(changes) {
|
|
60
|
+
if (changes.searchPlaceholder) {
|
|
61
|
+
this.searchPlaceholder = this.searchPlaceholder || 'Search...';
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
ngAfterViewInit() {
|
|
65
|
+
if (this.selectedItem && this.selectedItem?.length) {
|
|
66
|
+
this.selectedItem.forEach((ele) => {
|
|
67
|
+
// this.addValue({key: ele?.rc_name ?? ele?.category_name , value: ele});
|
|
68
|
+
this.addValue({ key: ele?.item_short_name, value: ele });
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
this.tempSelectedData = this.selectedItem ? [...this.selectedItem] : [];
|
|
72
|
+
this.previousItems = [...new Set(this.items)];
|
|
73
|
+
}
|
|
74
|
+
set CheckBoxVal(val) {
|
|
75
|
+
if (val !== undefined && val !== null) {
|
|
76
|
+
this.value = val;
|
|
77
|
+
this.valueChange.emit(this.value);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
search(event) {
|
|
81
|
+
this.searchText.emit(event);
|
|
82
|
+
clearTimeout(this.timer);
|
|
83
|
+
this.timer = setTimeout(() => {
|
|
84
|
+
this.searchKey = event;
|
|
85
|
+
}, 400);
|
|
86
|
+
}
|
|
87
|
+
writeValue(value) {
|
|
88
|
+
if (value?.length) {
|
|
89
|
+
this.CheckBoxVal = value;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
*
|
|
94
|
+
* @param obj - Represents the object which is added to the value list
|
|
95
|
+
*/
|
|
96
|
+
addValue(obj) {
|
|
97
|
+
this.items.push(obj.key);
|
|
98
|
+
this.value.push(obj.value);
|
|
99
|
+
this.writeValue(this.value);
|
|
100
|
+
}
|
|
101
|
+
/**
|
|
102
|
+
*
|
|
103
|
+
* @param value - Represents the value to be removed from the value list
|
|
104
|
+
*/
|
|
105
|
+
removeValueFromCheckbox(value) {
|
|
106
|
+
let index = this.value.indexOf(value);
|
|
107
|
+
this.items.splice(index, 1);
|
|
108
|
+
this.value.splice(index, 1);
|
|
109
|
+
this.writeValue(this.value);
|
|
110
|
+
}
|
|
111
|
+
openDropdown(event) {
|
|
112
|
+
this.dropdownOption = true;
|
|
113
|
+
this.multiSelectService.overflowHidden = true;
|
|
114
|
+
setTimeout(() => {
|
|
115
|
+
const dropdown = event.target.getBoundingClientRect();
|
|
116
|
+
const selectOption = this.optionList.nativeElement.offsetHeight;
|
|
117
|
+
if (dropdown.top + selectOption + 50 > window.innerHeight) {
|
|
118
|
+
this.getTop = dropdown.top - selectOption;
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
this.getTop = dropdown.top + dropdown.height;
|
|
122
|
+
}
|
|
123
|
+
this.getLeft = dropdown.left;
|
|
124
|
+
this.getWidth = dropdown.width;
|
|
125
|
+
this.maxWidth = dropdown.width * 1.25;
|
|
126
|
+
}, 10);
|
|
127
|
+
setTimeout(() => {
|
|
128
|
+
this.activeDropdown = true;
|
|
129
|
+
}, 100);
|
|
130
|
+
}
|
|
131
|
+
/**
|
|
132
|
+
*
|
|
133
|
+
* @param applyFilter - Determines whether filter is applied or not
|
|
134
|
+
*/
|
|
135
|
+
closeDropdown(applyFilter) {
|
|
136
|
+
this.dropdownOption = false;
|
|
137
|
+
this.search('');
|
|
138
|
+
this.filterApplied = applyFilter;
|
|
139
|
+
this.multiSelectService.overflowHidden = false;
|
|
140
|
+
this.searchKey = '';
|
|
141
|
+
if (applyFilter) {
|
|
142
|
+
this.tempSelectedData = [...this.value];
|
|
143
|
+
this.previousItems = [...new Set(this.items)];
|
|
144
|
+
this.itemsDisplayedList = [...new Set(this.items)];
|
|
145
|
+
this.applyFilter.emit(applyFilter);
|
|
146
|
+
}
|
|
147
|
+
else {
|
|
148
|
+
this.filterApplied = true;
|
|
149
|
+
this.resetState();
|
|
150
|
+
this.tempSelectedData?.forEach((ele) => {
|
|
151
|
+
// this.addValue({key: ele?.rc_name ?? ele?.category_name, value: ele});
|
|
152
|
+
this.addValue({ key: ele?.item_short_name, value: ele });
|
|
153
|
+
});
|
|
154
|
+
this.previousItems = [...new Set(this.items)];
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
checkChanges() {
|
|
158
|
+
if (this.previousItems?.length === 0 && this.items?.length > 0) {
|
|
159
|
+
return false;
|
|
160
|
+
}
|
|
161
|
+
else if (this.previousItems?.length === 0 && this.items?.length === 0) {
|
|
162
|
+
return true;
|
|
163
|
+
}
|
|
164
|
+
else {
|
|
165
|
+
return (this.previousItems?.every((element) => this.items?.includes(element)) &&
|
|
166
|
+
this.previousItems?.length === this.items?.length);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsMultiselectComponent, deps: [{ token: i1.MultiSelectService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsMultiselectComponent, selector: "cs-multi-select", inputs: { isRequired: "isRequired", dropdownLabel: "dropdownLabel", dropdownSubLabel: "dropdownSubLabel", disabled: "disabled", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", value: "value", selectedItem: "selectedItem" }, outputs: { valueChange: "valueChange", applyFilter: "applyFilter", searchText: "searchText", resetSelectedData: "resetSelectedData" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"multi-select-input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel\">\r\n {{ dropdownLabel }}\r\n <span class=\"sub-label\" *ngIf=\"dropdownSubLabel\">{{\r\n dropdownSubLabel\r\n }}</span>\r\n <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <div class=\"multiple-value vx-d-flex vx-align-center vx-justify-between\">\r\n <div\r\n class=\"multiple-value-inner vx-d-flex vx-align-center vx-justify-end vx-pr-2\"\r\n (click)=\"openDropdown($event)\"\r\n ></div>\r\n <span class=\"placeholder\" *ngIf=\"!value || value?.length === 0\">{{\r\n placeholder\r\n }}</span>\r\n <!-- <i class=\"icons arrow-down vx-fs-9\"></i> -->\r\n <div class=\"vx-d-flex vx-align-center\" *ngIf=\"value && value?.length > 0\">\r\n <div\r\n class=\"chip\"\r\n *ngFor=\"let data of items | slice : 0 : 1; let i = index\"\r\n >\r\n <span class=\"close\" (click)=\"removeValue(i)\">×</span\r\n ><span class=\"value\">{{ data }}</span>\r\n </div>\r\n <span\r\n class=\"counter\"\r\n *ngIf=\"items.length > 1\"\r\n appPopover\r\n (click)=\"actionButton.popover()\"\r\n placement=\"right\"\r\n >+{{ items.length - 1 }}</span\r\n >\r\n <app-popover #actionButton>\r\n <div class=\"template-filter-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let data of items.slice(1); let j = index\">\r\n <div class=\"chip-item\">\r\n <i class=\"icons\" (click)=\"removeValue(j + 1)\"></i>\r\n <span>{{ data }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"overlay active\"\r\n *ngIf=\"dropdownOption === true\"\r\n (click)=\"closeDropdown(false)\"\r\n ></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown(false)\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDropdown\"\r\n >\r\n <div class=\"input-group\">\r\n <input\r\n type=\"text\"\r\n [placeholder]=\"searchPlaceholder\"\r\n [ngModel]=\"searchKey\"\r\n (ngModelChange)=\"search($event)\"\r\n />\r\n </div>\r\n <ng-content></ng-content>\r\n <div class=\"button-block\">\r\n <button\r\n type=\"button\"\r\n [class.disabled]=\"checkChanges()\"\r\n (click)=\"closeDropdown(true)\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .multi-select-input-group{position:relative;margin-bottom:0}::ng-deep .multi-select-input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}::ng-deep .multi-select-input-group label span.required{color:#eb2424;font-size:14px}::ng-deep .multi-select-input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:4px}::ng-deep .multi-select-input-group .multiple-value{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #cdced6;border-radius:4px;width:100%;display:flex;padding:6px 25px 6px 6px;cursor:pointer;outline:none;overflow:hidden;text-overflow:ellipsis;position:relative}::ng-deep .multi-select-input-group .multiple-value-inner{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}::ng-deep .multi-select-input-group .multiple-value-inner:after{border-left-color:#707070;border-bottom:1px solid #707070;border-right:1px solid #707070;border-top-color:#707070;content:\"\";display:inline-block;right:8px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .multi-select-input-group .multiple-value .placeholder{color:#565a6f;font-size:11px;line-height:16px;pointer-events:none}::ng-deep .multi-select-input-group .multiple-value .arrow-down{position:relative;right:-16px;z-index:1}::ng-deep .multi-select-input-group .multiple-value.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}::ng-deep .multi-select-input-group .multiple-value .chip{display:inline-flex;border-radius:2px;background:#f8f8f8;border:1px solid #f8f8f8;height:22px;padding:0 5px;pointer-events:none;max-width:100%;position:relative;z-index:1;box-shadow:0 1px 4px #1e5dd340;max-width:150px}::ng-deep .multi-select-input-group .multiple-value .chip span{display:inline-block}::ng-deep .multi-select-input-group .multiple-value .chip span.close{cursor:pointer;color:#1e5dd3;font-size:16px;line-height:20px;pointer-events:auto}::ng-deep .multi-select-input-group .multiple-value .chip span.value{color:#747576;margin-left:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .multi-select-input-group .multiple-value .chip+.chip{margin-left:4px}::ng-deep .multi-select-input-group .multiple-value .counter{display:inline-flex;border-radius:2px;background:#34aa44;border:1px solid #34aa44;height:22px;padding:0 5px;color:#fff;margin-left:5px;cursor:pointer;position:relative;z-index:1}::ng-deep .multi-select-input-group .multiple-value app-popover .action-list ul.action-item li .chip-item span{color:#747576}::ng-deep .multi-select-input-group .custom-select-box{position:relative}::ng-deep .multi-select-input-group .custom-select-box input[type=text],::ng-deep .multi-select-input-group .custom-select-box .input{cursor:pointer;padding-right:30px}::ng-deep .multi-select-input-group .custom-select-box input[type=text].line,::ng-deep .multi-select-input-group .custom-select-box .input.line{padding-right:20px}::ng-deep .multi-select-input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}ul.list-of-option{position:fixed;overflow:hidden;overflow-y:auto;max-height:260px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:9;background:#fff;border-radius:2px;opacity:0;width:230px;max-width:230px!important}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option app-cs-multi-select-option{display:block;width:100%}ul.list-of-option .input-group{padding:4px 10px;position:sticky;top:0;background:#fff;box-shadow:0 0 3px #1e5dd240;z-index:1;margin-bottom:4px}ul.list-of-option .input-group input{border:1px solid transparent;border-bottom-color:transparent;color:#747576;outline:none;width:100%;padding:0}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multi-select{padding:0 15px}ul.list-of-option li label.multi-select span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option .button-block{width:100%;display:flex;justify-content:flex-end;position:sticky;bottom:0;padding:4px 8px;background:#fff;box-shadow:0 0 3px #1e5dd240;z-index:1}ul.list-of-option .button-block button{display:flex;padding:0 12px;font-size:11px;text-transform:uppercase;font-weight:500;cursor:pointer;background:#1e5dd3;color:#fff;border:none;outline:none;border-radius:2px}.overlay{position:fixed;inset:0;z-index:2}.disabled{pointer-events:none;filter:grayscale(1);opacity:.3}.template-filter-list{width:220px}.template-filter-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.template-filter-list ul.action-item{display:block}.template-filter-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.template-filter-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.template-filter-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.template-filter-list ul.action-item li button:hover{background:#f3f3f3}.template-filter-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.template-filter-list ul.action-item li .avatar-card.within-con{display:block}.template-filter-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.template-filter-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%}.template-filter-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.template-filter-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.template-filter-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:4px}.template-filter-list ul.action-item li .avatar-card span.value i.cross-icon{color:#747576}.template-filter-list ul.action-item li .avatar-card.no-image{display:block}.template-filter-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.template-filter-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.template-filter-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.template-filter-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-filter-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.template-filter-list ul.action-item li .chip-item span.id{font-size:9px}.template-filter-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.template-filter-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.template-filter-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.template-filter-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i5.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }] }); }
|
|
171
|
+
}
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsMultiselectComponent, decorators: [{
|
|
173
|
+
type: Component,
|
|
174
|
+
args: [{ selector: 'cs-multi-select', template: "<div class=\"multi-select-input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel\">\r\n {{ dropdownLabel }}\r\n <span class=\"sub-label\" *ngIf=\"dropdownSubLabel\">{{\r\n dropdownSubLabel\r\n }}</span>\r\n <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <div class=\"multiple-value vx-d-flex vx-align-center vx-justify-between\">\r\n <div\r\n class=\"multiple-value-inner vx-d-flex vx-align-center vx-justify-end vx-pr-2\"\r\n (click)=\"openDropdown($event)\"\r\n ></div>\r\n <span class=\"placeholder\" *ngIf=\"!value || value?.length === 0\">{{\r\n placeholder\r\n }}</span>\r\n <!-- <i class=\"icons arrow-down vx-fs-9\"></i> -->\r\n <div class=\"vx-d-flex vx-align-center\" *ngIf=\"value && value?.length > 0\">\r\n <div\r\n class=\"chip\"\r\n *ngFor=\"let data of items | slice : 0 : 1; let i = index\"\r\n >\r\n <span class=\"close\" (click)=\"removeValue(i)\">×</span\r\n ><span class=\"value\">{{ data }}</span>\r\n </div>\r\n <span\r\n class=\"counter\"\r\n *ngIf=\"items.length > 1\"\r\n appPopover\r\n (click)=\"actionButton.popover()\"\r\n placement=\"right\"\r\n >+{{ items.length - 1 }}</span\r\n >\r\n <app-popover #actionButton>\r\n <div class=\"template-filter-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let data of items.slice(1); let j = index\">\r\n <div class=\"chip-item\">\r\n <i class=\"icons\" (click)=\"removeValue(j + 1)\"></i>\r\n <span>{{ data }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"overlay active\"\r\n *ngIf=\"dropdownOption === true\"\r\n (click)=\"closeDropdown(false)\"\r\n ></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown(false)\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDropdown\"\r\n >\r\n <div class=\"input-group\">\r\n <input\r\n type=\"text\"\r\n [placeholder]=\"searchPlaceholder\"\r\n [ngModel]=\"searchKey\"\r\n (ngModelChange)=\"search($event)\"\r\n />\r\n </div>\r\n <ng-content></ng-content>\r\n <div class=\"button-block\">\r\n <button\r\n type=\"button\"\r\n [class.disabled]=\"checkChanges()\"\r\n (click)=\"closeDropdown(true)\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .multi-select-input-group{position:relative;margin-bottom:0}::ng-deep .multi-select-input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}::ng-deep .multi-select-input-group label span.required{color:#eb2424;font-size:14px}::ng-deep .multi-select-input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:4px}::ng-deep .multi-select-input-group .multiple-value{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #cdced6;border-radius:4px;width:100%;display:flex;padding:6px 25px 6px 6px;cursor:pointer;outline:none;overflow:hidden;text-overflow:ellipsis;position:relative}::ng-deep .multi-select-input-group .multiple-value-inner{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}::ng-deep .multi-select-input-group .multiple-value-inner:after{border-left-color:#707070;border-bottom:1px solid #707070;border-right:1px solid #707070;border-top-color:#707070;content:\"\";display:inline-block;right:8px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}::ng-deep .multi-select-input-group .multiple-value .placeholder{color:#565a6f;font-size:11px;line-height:16px;pointer-events:none}::ng-deep .multi-select-input-group .multiple-value .arrow-down{position:relative;right:-16px;z-index:1}::ng-deep .multi-select-input-group .multiple-value.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}::ng-deep .multi-select-input-group .multiple-value .chip{display:inline-flex;border-radius:2px;background:#f8f8f8;border:1px solid #f8f8f8;height:22px;padding:0 5px;pointer-events:none;max-width:100%;position:relative;z-index:1;box-shadow:0 1px 4px #1e5dd340;max-width:150px}::ng-deep .multi-select-input-group .multiple-value .chip span{display:inline-block}::ng-deep .multi-select-input-group .multiple-value .chip span.close{cursor:pointer;color:#1e5dd3;font-size:16px;line-height:20px;pointer-events:auto}::ng-deep .multi-select-input-group .multiple-value .chip span.value{color:#747576;margin-left:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}::ng-deep .multi-select-input-group .multiple-value .chip+.chip{margin-left:4px}::ng-deep .multi-select-input-group .multiple-value .counter{display:inline-flex;border-radius:2px;background:#34aa44;border:1px solid #34aa44;height:22px;padding:0 5px;color:#fff;margin-left:5px;cursor:pointer;position:relative;z-index:1}::ng-deep .multi-select-input-group .multiple-value app-popover .action-list ul.action-item li .chip-item span{color:#747576}::ng-deep .multi-select-input-group .custom-select-box{position:relative}::ng-deep .multi-select-input-group .custom-select-box input[type=text],::ng-deep .multi-select-input-group .custom-select-box .input{cursor:pointer;padding-right:30px}::ng-deep .multi-select-input-group .custom-select-box input[type=text].line,::ng-deep .multi-select-input-group .custom-select-box .input.line{padding-right:20px}::ng-deep .multi-select-input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}ul.list-of-option{position:fixed;overflow:hidden;overflow-y:auto;max-height:260px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:9;background:#fff;border-radius:2px;opacity:0;width:230px;max-width:230px!important}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option app-cs-multi-select-option{display:block;width:100%}ul.list-of-option .input-group{padding:4px 10px;position:sticky;top:0;background:#fff;box-shadow:0 0 3px #1e5dd240;z-index:1;margin-bottom:4px}ul.list-of-option .input-group input{border:1px solid transparent;border-bottom-color:transparent;color:#747576;outline:none;width:100%;padding:0}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multi-select{padding:0 15px}ul.list-of-option li label.multi-select span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option .button-block{width:100%;display:flex;justify-content:flex-end;position:sticky;bottom:0;padding:4px 8px;background:#fff;box-shadow:0 0 3px #1e5dd240;z-index:1}ul.list-of-option .button-block button{display:flex;padding:0 12px;font-size:11px;text-transform:uppercase;font-weight:500;cursor:pointer;background:#1e5dd3;color:#fff;border:none;outline:none;border-radius:2px}.overlay{position:fixed;inset:0;z-index:2}.disabled{pointer-events:none;filter:grayscale(1);opacity:.3}.template-filter-list{width:220px}.template-filter-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.template-filter-list ul.action-item{display:block}.template-filter-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.template-filter-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.template-filter-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.template-filter-list ul.action-item li button:hover{background:#f3f3f3}.template-filter-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.template-filter-list ul.action-item li .avatar-card.within-con{display:block}.template-filter-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.template-filter-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%}.template-filter-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.template-filter-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.template-filter-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:4px}.template-filter-list ul.action-item li .avatar-card span.value i.cross-icon{color:#747576}.template-filter-list ul.action-item li .avatar-card.no-image{display:block}.template-filter-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.template-filter-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.template-filter-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.template-filter-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-filter-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.template-filter-list ul.action-item li .chip-item span.id{font-size:9px}.template-filter-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.template-filter-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.template-filter-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.template-filter-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.template-filter-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }]
|
|
175
|
+
}], ctorParameters: function () { return [{ type: i1.MultiSelectService }]; }, propDecorators: { isRequired: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], dropdownLabel: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], dropdownSubLabel: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}], disabled: [{
|
|
182
|
+
type: Input
|
|
183
|
+
}], placeholder: [{
|
|
184
|
+
type: Input
|
|
185
|
+
}], searchPlaceholder: [{
|
|
186
|
+
type: Input
|
|
187
|
+
}], value: [{
|
|
188
|
+
type: Input
|
|
189
|
+
}], selectedItem: [{
|
|
190
|
+
type: Input
|
|
191
|
+
}], valueChange: [{
|
|
192
|
+
type: Output
|
|
193
|
+
}], applyFilter: [{
|
|
194
|
+
type: Output
|
|
195
|
+
}], searchText: [{
|
|
196
|
+
type: Output
|
|
197
|
+
}], resetSelectedData: [{
|
|
198
|
+
type: Output
|
|
199
|
+
}], content: [{
|
|
200
|
+
type: ViewChild,
|
|
201
|
+
args: ['optionList']
|
|
202
|
+
}] } });
|
|
203
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtbXVsdGlzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L211bHRpLXNlbGVjdC9jcy1tdWx0aXNlbGVjdC9jcy1tdWx0aXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbXVsdGktc2VsZWN0L2NzLW11bHRpc2VsZWN0L2NzLW11bHRpc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUEyQyxNQUFNLGVBQWUsQ0FBQztBQUN2SSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7Ozs7O0FBUWhDLE1BQU0sT0FBTyxzQkFBc0I7SUErQmpDLElBQTZCLE9BQU8sQ0FBQyxPQUFtQjtRQUN0RCxJQUFJLE9BQU8sRUFBRTtZQUNYLDhDQUE4QztZQUM5QyxJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxZQUFtQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQWpDaEQsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFHekIsaUJBQVksR0FBUSxFQUFFLENBQUM7UUFDdEIsZ0JBQVcsR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0RCxnQkFBVyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3BELGVBQVUsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQVNuRSxrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUV4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QU0sSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQ3ZFLE9BQU8sSUFBSSxDQUFDO1NBQ2I7YUFBTTtZQUNMLE9BQU8sQ0FDTCxJQUFJLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ3JFLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUNsRCxDQUFDO1NBQ0g7SUFFSCxDQUFDOytHQWpNVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw4aUJDVG5DLGs3RkFxRkE7OzRGRDVFYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCO3lHQUtsQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNO2dCQW1Cc0IsT0FBTztzQkFBbkMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkLCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IG5hbm9pZCB9IGZyb20gJ25hbm9pZCc7XHJcbmltcG9ydCB7IE11bHRpU2VsZWN0U2VydmljZSB9IGZyb20gJy4uL211bHRpLXNlbGVjdC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3MtbXVsdGktc2VsZWN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3MtbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NzLW11bHRpc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc011bHRpc2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSBpc1JlcXVpcmVkITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duU3ViTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbHVlITogYW55O1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbTogYW55ID0gW107XHJcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55W10+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBhcHBseUZpbHRlcjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNlYXJjaFRleHQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFNlbGVjdGVkRGF0YTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKClcclxuICBkcm9wZG93bk9wdGlvbiE6IGJvb2xlYW47XHJcbiAgcG9zaXRpb25SZXNldCE6IGJvb2xlYW47XHJcbiAgZ2V0TGVmdCE6IG51bWJlcjtcclxuICBnZXRUb3AhOiBudW1iZXI7XHJcbiAgZ2V0V2lkdGghOiBudW1iZXI7XHJcbiAgbWF4V2lkdGghOiBudW1iZXI7XHJcbiAgYWN0aXZlRHJvcGRvd24hOiBib29sZWFuO1xyXG4gIGl0ZW1zITogYW55W107XHJcbiAgcHJldmlvdXNJdGVtczogYW55W109W107XHJcblxyXG4gIGl0ZW1zRGlzcGxheWVkTGlzdDogYW55W109W107XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIGZpbHRlckFwcGxpZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIHNlYXJjaEtleSE6IGFueTtcclxuICB0aW1lcjogYW55O1xyXG4gIHRlbXBTZWxlY3RlZERhdGE6IGFueSA9IFtdO1xyXG5cclxuICBwcml2YXRlIG9wdGlvbkxpc3QhOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbkxpc3QnKSBzZXQgY29udGVudChjb250ZW50OiBFbGVtZW50UmVmKSB7XHJcbiAgICBpZiAoY29udGVudCkge1xyXG4gICAgICAvLyBpbml0aWFsbHkgc2V0dGVyIGdldHMgY2FsbGVkIHdpdGggdW5kZWZpbmVkXHJcbiAgICAgIHRoaXMub3B0aW9uTGlzdCA9IGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbXVsdGlTZWxlY3RTZXJ2aWNlOiBNdWx0aVNlbGVjdFNlcnZpY2UpIHtcclxuICAgIHRoaXMudmFsdWUgPSBbXTtcclxuICAgIHRoaXMuaXRlbXMgPSBbXTtcclxuICAgIHRoaXMubmFtZSA9IG5hbm9pZCgpO1xyXG4gICAgdGhpcy5zZWFyY2hQbGFjZWhvbGRlciA9ICdTZWFyY2guLi4nO1xyXG4gICAgLy8gYWxlcnQodGhpcy50ZW1wU2VsZWN0ZWREYXRhLmxlbmd0aCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKlxyXG4gICAqIEBwYXJhbSBpbmRleCAtIFJlcHJlc2VudHMgdGhlIGluZGV4IG9mIHRoZSB2YWx1ZSB0byBiZSByZW1vdmVkXHJcbiAgICovXHJcbiAgcmVtb3ZlVmFsdWUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgdGhpcy52YWx1ZS5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgdGhpcy53cml0ZVZhbHVlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5pdGVtc0Rpc3BsYXllZExpc3QgPSBbLi4ubmV3IFNldCh0aGlzLml0ZW1zKV1cclxuICAgIHRoaXMuYXBwbHlGaWx0ZXIuZW1pdCh0aGlzLmZpbHRlckFwcGxpZWQpO1xyXG4gICAgdGhpcy50ZW1wU2VsZWN0ZWREYXRhID0gWy4uLiB0aGlzLnZhbHVlXTtcclxuICAgIHRoaXMucHJldmlvdXNJdGVtcyA9ICBbLi4ubmV3IFNldCh0aGlzLml0ZW1zKV1cclxuICAgIHRoaXMubXVsdGlTZWxlY3RTZXJ2aWNlLm92ZXJmbG93SGlkZGVuID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuXHJcblxyXG4gIHJlc2V0U3RhdGUodHlwZT86IGFueSl7XHJcbiAgICB0aGlzLnZhbHVlID0gW107XHJcbiAgICB0aGlzLml0ZW1zID0gW107XHJcbiAgICBpZih0eXBlID09PSAnYWxsUmVzZXQnKXtcclxuICAgICAgdGhpcy5wcmV2aW91c0l0ZW1zID0gW11cclxuICAgICAgdGhpcy50ZW1wU2VsZWN0ZWREYXRhID0gW11cclxuICAgIH1cclxuICAgIGlmKHRoaXMucHJldmlvdXNJdGVtcz8ubGVuZ3RoID09PSAwKXtcclxuICAgICAgdGhpcy5yZXNldFNlbGVjdGVkRGF0YS5lbWl0KHRydWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzLnNlYXJjaFBsYWNlaG9sZGVyKSB7XHJcbiAgICAgIHRoaXMuc2VhcmNoUGxhY2Vob2xkZXIgPSB0aGlzLnNlYXJjaFBsYWNlaG9sZGVyIHx8ICdTZWFyY2guLi4nO1xyXG4gICAgfVxyXG4gIH1cclxuICBuZ0FmdGVyVmlld0luaXQoKVx0e1xyXG4gICAgaWYodGhpcy5zZWxlY3RlZEl0ZW0gJiYgdGhpcy5zZWxlY3RlZEl0ZW0/Lmxlbmd0aCApe1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbS5mb3JFYWNoKCAoZWxlOiBhbnkpID0+IHtcclxuICAgICAgICAvLyB0aGlzLmFkZFZhbHVlKHtrZXk6IGVsZT8ucmNfbmFtZSA/PyBlbGU/LmNhdGVnb3J5X25hbWUgLCB2YWx1ZTogZWxlfSk7XHJcbiAgICAgICAgdGhpcy5hZGRWYWx1ZSh7a2V5OiBlbGU/Lml0ZW1fc2hvcnRfbmFtZSAsIHZhbHVlOiBlbGV9KTtcclxuICAgICAgfSlcclxuICAgIH1cclxuICAgIHRoaXMudGVtcFNlbGVjdGVkRGF0YSA9IHRoaXMuc2VsZWN0ZWRJdGVtID8gWy4uLnRoaXMuc2VsZWN0ZWRJdGVtXSA6IFtdO1xyXG4gICAgdGhpcy5wcmV2aW91c0l0ZW1zID0gIFsuLi5uZXcgU2V0KHRoaXMuaXRlbXMpXTtcclxuXHJcbiAgfVxyXG5cclxuICBzZXQgQ2hlY2tCb3hWYWwodmFsOiBhbnlbXSkge1xyXG4gICAgaWYgKHZhbCAhPT0gdW5kZWZpbmVkICYmIHZhbCAhPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gdmFsO1xyXG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWFyY2goZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5zZWFyY2hUZXh0LmVtaXQoZXZlbnQpO1xyXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xyXG4gICAgdGhpcy50aW1lciA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnNlYXJjaEtleSA9IGV2ZW50O1xyXG4gICAgfSwgNDAwKTtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueVtdKTogdm9pZCB7XHJcbiAgICBpZih2YWx1ZT8ubGVuZ3RoKXtcclxuICAgIHRoaXMuQ2hlY2tCb3hWYWwgPSB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqXHJcbiAgICogQHBhcmFtIG9iaiAtIFJlcHJlc2VudHMgdGhlIG9iamVjdCB3aGljaCBpcyBhZGRlZCB0byB0aGUgdmFsdWUgbGlzdFxyXG4gICAqL1xyXG4gIGFkZFZhbHVlKG9iajogeyBrZXk6IHN0cmluZzsgdmFsdWU6IGFueSB9KTogdm9pZCB7XHJcbiAgICB0aGlzLml0ZW1zLnB1c2gob2JqLmtleSk7XHJcbiAgICB0aGlzLnZhbHVlLnB1c2gob2JqLnZhbHVlKTtcclxuICAgIHRoaXMud3JpdGVWYWx1ZSh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHZhbHVlIC0gUmVwcmVzZW50cyB0aGUgdmFsdWUgdG8gYmUgcmVtb3ZlZCBmcm9tIHRoZSB2YWx1ZSBsaXN0XHJcbiAgICovXHJcbiAgcmVtb3ZlVmFsdWVGcm9tQ2hlY2tib3godmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgbGV0IGluZGV4OiBudW1iZXIgPSB0aGlzLnZhbHVlLmluZGV4T2YodmFsdWUpO1xyXG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgdGhpcy52YWx1ZS5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgdGhpcy53cml0ZVZhbHVlKHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb3BlbkRyb3Bkb3duKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSB0cnVlO1xyXG4gICAgdGhpcy5tdWx0aVNlbGVjdFNlcnZpY2Uub3ZlcmZsb3dIaWRkZW4gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGRyb3Bkb3duID0gZXZlbnQudGFyZ2V0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCBzZWxlY3RPcHRpb24gPSB0aGlzLm9wdGlvbkxpc3QubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICAgIGlmIChkcm9wZG93bi50b3AgKyBzZWxlY3RPcHRpb24gKyA1MCA+IHdpbmRvdy5pbm5lckhlaWdodCkge1xyXG4gICAgICAgIHRoaXMuZ2V0VG9wID0gZHJvcGRvd24udG9wIC0gc2VsZWN0T3B0aW9uO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuZ2V0VG9wID0gZHJvcGRvd24udG9wICsgZHJvcGRvd24uaGVpZ2h0O1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuZ2V0TGVmdCA9IGRyb3Bkb3duLmxlZnQ7XHJcbiAgICAgIHRoaXMuZ2V0V2lkdGggPSBkcm9wZG93bi53aWR0aDtcclxuICAgICAgdGhpcy5tYXhXaWR0aCA9IGRyb3Bkb3duLndpZHRoICogMS4yNTtcclxuICAgIH0sIDEwKTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmFjdGl2ZURyb3Bkb3duID0gdHJ1ZTtcclxuICAgIH0sIDEwMCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKlxyXG4gICAqIEBwYXJhbSBhcHBseUZpbHRlciAtIERldGVybWluZXMgd2hldGhlciBmaWx0ZXIgaXMgYXBwbGllZCBvciBub3RcclxuICAgKi9cclxuICBjbG9zZURyb3Bkb3duKGFwcGx5RmlsdGVyOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRyb3Bkb3duT3B0aW9uID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlYXJjaCgnJyk7XHJcbiAgICB0aGlzLmZpbHRlckFwcGxpZWQgPSBhcHBseUZpbHRlcjtcclxuICAgIHRoaXMubXVsdGlTZWxlY3RTZXJ2aWNlLm92ZXJmbG93SGlkZGVuID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlYXJjaEtleSA9ICcnO1xyXG4gICAgaWYgKGFwcGx5RmlsdGVyKSB7XHJcbiAgICAgIHRoaXMudGVtcFNlbGVjdGVkRGF0YSA9ICBbLi4uIHRoaXMudmFsdWVdO1xyXG4gICAgICB0aGlzLnByZXZpb3VzSXRlbXMgPSAgWy4uLm5ldyBTZXQodGhpcy5pdGVtcyldO1xyXG4gICAgICB0aGlzLml0ZW1zRGlzcGxheWVkTGlzdCA9IFsuLi5uZXcgU2V0KHRoaXMuaXRlbXMpXVxyXG4gICAgICB0aGlzLmFwcGx5RmlsdGVyLmVtaXQoYXBwbHlGaWx0ZXIpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5maWx0ZXJBcHBsaWVkID0gdHJ1ZTtcclxuICAgICAgdGhpcy5yZXNldFN0YXRlKCk7XHJcbiAgICAgIHRoaXMudGVtcFNlbGVjdGVkRGF0YT8uZm9yRWFjaCggKGVsZTogYW55KSA9PiB7XHJcbiAgICAgICAgLy8gdGhpcy5hZGRWYWx1ZSh7a2V5OiBlbGU/LnJjX25hbWUgPz8gZWxlPy5jYXRlZ29yeV9uYW1lLCB2YWx1ZTogZWxlfSk7XHJcbiAgICAgICAgdGhpcy5hZGRWYWx1ZSh7a2V5OiBlbGU/Lml0ZW1fc2hvcnRfbmFtZSAsIHZhbHVlOiBlbGV9KTtcclxuICAgICAgfSlcclxuICAgICAgdGhpcy5wcmV2aW91c0l0ZW1zID0gIFsuLi5uZXcgU2V0KHRoaXMuaXRlbXMpXTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNoZWNrQ2hhbmdlcygpe1xyXG4gICAgaWYgKHRoaXMucHJldmlvdXNJdGVtcz8ubGVuZ3RoID09PSAwICYmIHRoaXMuaXRlbXM/Lmxlbmd0aCA+IDApIHtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnByZXZpb3VzSXRlbXM/Lmxlbmd0aCA9PT0gMCAmJiB0aGlzLml0ZW1zPy5sZW5ndGggPT09IDApIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gKFxyXG4gICAgICAgIHRoaXMucHJldmlvdXNJdGVtcz8uZXZlcnkoKGVsZW1lbnQpID0+IHRoaXMuaXRlbXM/LmluY2x1ZGVzKGVsZW1lbnQpKSAmJlxyXG4gICAgICAgIHRoaXMucHJldmlvdXNJdGVtcz8ubGVuZ3RoID09PSB0aGlzLml0ZW1zPy5sZW5ndGhcclxuICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtdWx0aS1zZWxlY3QtaW5wdXQtZ3JvdXBcIiAoY2xpY2tPdXRzaWRlKT1cImRyb3Bkb3duT3B0aW9uID0gZmFsc2VcIj5cclxuICA8bGFiZWwgKm5nSWY9XCJkcm9wZG93bkxhYmVsXCI+XHJcbiAgICB7eyBkcm9wZG93bkxhYmVsIH19XHJcbiAgICA8c3BhbiBjbGFzcz1cInN1Yi1sYWJlbFwiICpuZ0lmPVwiZHJvcGRvd25TdWJMYWJlbFwiPnt7XHJcbiAgICAgIGRyb3Bkb3duU3ViTGFiZWxcclxuICAgIH19PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZFwiICpuZ0lmPVwiaXNSZXF1aXJlZFwiPio8L3NwYW4+PC9sYWJlbFxyXG4gID5cclxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLXNlbGVjdC1ib3hcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtdWx0aXBsZS12YWx1ZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJtdWx0aXBsZS12YWx1ZS1pbm5lciB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktZW5kIHZ4LXByLTJcIlxyXG4gICAgICAgIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgID48L2Rpdj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJwbGFjZWhvbGRlclwiICpuZ0lmPVwiIXZhbHVlIHx8IHZhbHVlPy5sZW5ndGggPT09IDBcIj57e1xyXG4gICAgICAgIHBsYWNlaG9sZGVyXHJcbiAgICAgIH19PC9zcGFuPlxyXG4gICAgICA8IS0tIDxpIGNsYXNzPVwiaWNvbnMgYXJyb3ctZG93biB2eC1mcy05XCI+JiN4ZTllODs8L2k+IC0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiICpuZ0lmPVwidmFsdWUgJiYgdmFsdWU/Lmxlbmd0aCA+IDBcIj5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjbGFzcz1cImNoaXBcIlxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGRhdGEgb2YgaXRlbXMgfCBzbGljZSA6IDAgOiAxOyBsZXQgaSA9IGluZGV4XCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImNsb3NlXCIgKGNsaWNrKT1cInJlbW92ZVZhbHVlKGkpXCI+JnRpbWVzOzwvc3BhblxyXG4gICAgICAgICAgPjxzcGFuIGNsYXNzPVwidmFsdWVcIj57eyBkYXRhIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuXHJcbiAgICAgICAgICBjbGFzcz1cImNvdW50ZXJcIlxyXG4gICAgICAgICAgKm5nSWY9XCJpdGVtcy5sZW5ndGggPiAxXCJcclxuICAgICAgICAgIGFwcFBvcG92ZXJcclxuICAgICAgICAgIChjbGljayk9XCJhY3Rpb25CdXR0b24ucG9wb3ZlcigpXCJcclxuICAgICAgICAgIHBsYWNlbWVudD1cInJpZ2h0XCJcclxuICAgICAgICAgID4re3sgaXRlbXMubGVuZ3RoIC0gMSB9fTwvc3BhblxyXG4gICAgICAgID5cclxuICAgICAgICA8YXBwLXBvcG92ZXIgI2FjdGlvbkJ1dHRvbj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZW1wbGF0ZS1maWx0ZXItbGlzdFwiPlxyXG4gICAgICAgICAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxyXG4gICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBpdGVtcy5zbGljZSgxKTsgbGV0IGogPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNoaXAtaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKGNsaWNrKT1cInJlbW92ZVZhbHVlKGogKyAxKVwiPiYjeGU5MGQ7PC9pPlxyXG4gICAgICAgICAgICAgICAgICA8c3Bhbj57eyBkYXRhIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJvdmVybGF5IGFjdGl2ZVwiXHJcbiAgICAqbmdJZj1cImRyb3Bkb3duT3B0aW9uID09PSB0cnVlXCJcclxuICAgIChjbGljayk9XCJjbG9zZURyb3Bkb3duKGZhbHNlKVwiXHJcbiAgPjwvZGl2PlxyXG4gIDx1bFxyXG4gICAgY2xhc3M9XCJsaXN0LW9mLW9wdGlvblwiXHJcbiAgICAqbmdJZj1cImRyb3Bkb3duT3B0aW9uID09PSB0cnVlXCJcclxuICAgICNvcHRpb25MaXN0XHJcbiAgICAoa2V5dXAuRXNjYXBlKT1cImNsb3NlRHJvcGRvd24oZmFsc2UpXCJcclxuICAgIFtzdHlsZS50b3AucHhdPVwiZ2V0VG9wXCJcclxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cImdldExlZnRcIlxyXG4gICAgW3N0eWxlLm1pbi13aWR0aC5weF09XCJnZXRXaWR0aFwiXHJcbiAgICBbc3R5bGUubWF4LXdpZHRoLnB4XT1cIm1heFdpZHRoXCJcclxuICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlRHJvcGRvd25cIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcclxuICAgICAgICBbbmdNb2RlbF09XCJzZWFyY2hLZXlcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlYXJjaCgkZXZlbnQpXCJcclxuICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1ibG9ja1wiPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImNoZWNrQ2hhbmdlcygpXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xvc2VEcm9wZG93bih0cnVlKVwiXHJcbiAgICAgID5cclxuICAgICAgICBBcHBseVxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvdWw+XHJcbjwvZGl2PlxyXG4iXX0=
|
package/esm2022/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.mjs
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component, Input, ElementRef, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../cs-multiselect/cs-multiselect.component";
|
|
4
|
+
export class CsMultiselectOptionComponent {
|
|
5
|
+
constructor(select) {
|
|
6
|
+
this.select = select;
|
|
7
|
+
}
|
|
8
|
+
change(event) {
|
|
9
|
+
if (event.target.checked) {
|
|
10
|
+
this.select.addValue({
|
|
11
|
+
key: this.option.nativeElement.innerHTML.replace(/</g, "<"),
|
|
12
|
+
value: this.value,
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
this.select.removeValueFromCheckbox(this.value);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsMultiselectOptionComponent, deps: [{ token: i1.CsMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsMultiselectOptionComponent, selector: "cs-multi-select-option", inputs: { value: "value" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["options"], descendants: true, read: ElementRef }], ngImport: i0, template: "<li>\r\n <label class=\"multi-select\">\r\n <input type=\"checkbox\" tabindex=\"0\" [value]=\"value\" [checked]=\"select.value.includes(value)\" (change)=\"change($event)\" />\r\n <span class=\"checkbox\"></span>\r\n <span class=\"value\" #options>\r\n <ng-content> </ng-content>\r\n </span>\r\n </label>\r\n</li>\r\n", styles: ["li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer;pointer-events:none}li label input[type=checkbox]:checked+span,li label input[type=checkbox]:hover+span{background:#dcdcdc}li label span.value{color:#161b2f;font-size:12px;line-height:20px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:4px 8px;width:100%;text-transform:none;cursor:pointer;text-align:left}li label.multi-select{padding:0 8px}li label.multi-select span.checkbox{background:#fff!important;display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}li label input[type=checkbox]:checked+span{background:#dcdcdc}li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44!important}li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}li:hover label{background:#f1f1f1}\n"] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsMultiselectOptionComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'cs-multi-select-option', template: "<li>\r\n <label class=\"multi-select\">\r\n <input type=\"checkbox\" tabindex=\"0\" [value]=\"value\" [checked]=\"select.value.includes(value)\" (change)=\"change($event)\" />\r\n <span class=\"checkbox\"></span>\r\n <span class=\"value\" #options>\r\n <ng-content> </ng-content>\r\n </span>\r\n </label>\r\n</li>\r\n", styles: ["li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer;pointer-events:none}li label input[type=checkbox]:checked+span,li label input[type=checkbox]:hover+span{background:#dcdcdc}li label span.value{color:#161b2f;font-size:12px;line-height:20px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:4px 8px;width:100%;text-transform:none;cursor:pointer;text-align:left}li label.multi-select{padding:0 8px}li label.multi-select span.checkbox{background:#fff!important;display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}li label input[type=checkbox]:checked+span{background:#dcdcdc}li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44!important}li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}li:hover label{background:#f1f1f1}\n"] }]
|
|
25
|
+
}], ctorParameters: function () { return [{ type: i1.CsMultiselectComponent }]; }, propDecorators: { value: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], option: [{
|
|
28
|
+
type: ViewChild,
|
|
29
|
+
args: ['options', { read: ElementRef, static: false }]
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtbXVsdGlzZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9tdWx0aS1zZWxlY3QvY3MtbXVsdGlzZWxlY3Qtb3B0aW9uL2NzLW11bHRpc2VsZWN0LW9wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbXVsdGktc2VsZWN0L2NzLW11bHRpc2VsZWN0LW9wdGlvbi9jcy1tdWx0aXNlbGVjdC1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3hFLE1BQU0sT0FBTyw0QkFBNEI7SUFJdkMsWUFBbUIsTUFBOEI7UUFBOUIsV0FBTSxHQUFOLE1BQU0sQ0FBd0I7SUFBRyxDQUFDO0lBRXJELE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztnQkFDbkIsR0FBRyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFDLEdBQUcsQ0FBQztnQkFDN0QsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2FBQ2xCLENBQUMsQ0FBQztTQUNKO2FBQU07WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNqRDtJQUNILENBQUM7K0dBZlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsd0tBRVQsVUFBVSw2QkNUMUMsa1ZBU0E7OzRGREZhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0I7NkdBS3pCLEtBQUs7c0JBQWIsS0FBSztnQkFFTixNQUFNO3NCQURMLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRWxlbWVudFJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENzTXVsdGlzZWxlY3RDb21wb25lbnQgfSBmcm9tICcuLi9jcy1tdWx0aXNlbGVjdC9jcy1tdWx0aXNlbGVjdC5jb21wb25lbnQnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NzLW11bHRpLXNlbGVjdC1vcHRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jcy1tdWx0aXNlbGVjdC1vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NzLW11bHRpc2VsZWN0LW9wdGlvbi5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NNdWx0aXNlbGVjdE9wdGlvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdmFsdWUhOiBhbnk7XHJcbiAgQFZpZXdDaGlsZCgnb3B0aW9ucycsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiBmYWxzZSB9KVxyXG4gIG9wdGlvbiE6IEVsZW1lbnRSZWY7XHJcbiAgY29uc3RydWN0b3IocHVibGljIHNlbGVjdDogQ3NNdWx0aXNlbGVjdENvbXBvbmVudCkge31cclxuXHJcbiAgY2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIGlmIChldmVudC50YXJnZXQuY2hlY2tlZCkge1xyXG4gICAgICB0aGlzLnNlbGVjdC5hZGRWYWx1ZSh7XHJcbiAgICAgICAga2V5OiB0aGlzLm9wdGlvbi5uYXRpdmVFbGVtZW50LmlubmVySFRNTC5yZXBsYWNlKC8mbHQ7L2csXCI8XCIpLFxyXG4gICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlLFxyXG4gICAgICB9KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0LnJlbW92ZVZhbHVlRnJvbUNoZWNrYm94KHRoaXMudmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8bGk+XHJcbiAgPGxhYmVsIGNsYXNzPVwibXVsdGktc2VsZWN0XCI+XHJcbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgdGFiaW5kZXg9XCIwXCIgW3ZhbHVlXT1cInZhbHVlXCIgW2NoZWNrZWRdPVwic2VsZWN0LnZhbHVlLmluY2x1ZGVzKHZhbHVlKVwiIChjaGFuZ2UpPVwiY2hhbmdlKCRldmVudClcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjaGVja2JveFwiPjwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIiAjb3B0aW9ucz5cclxuICAgICAgPG5nLWNvbnRlbnQ+IDwvbmctY29udGVudD5cclxuICAgIDwvc3Bhbj5cclxuICA8L2xhYmVsPlxyXG48L2xpPlxyXG4iXX0=
|