@agorapulse/ui-components 13.1.6 → 13.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/agorapulse-ui-components-13.1.9.tgz +0 -0
  2. package/esm2020/index.mjs +5 -6
  3. package/esm2020/src/lib/agorapulse-ui-components.module.mjs +16 -21
  4. package/esm2020/src/lib/avatar/avatar.component.mjs +14 -3
  5. package/esm2020/src/lib/labels/label-list.component.mjs +97 -0
  6. package/esm2020/src/lib/labels/label.component.mjs +53 -0
  7. package/esm2020/src/lib/labels-selector/labels-selector.component.mjs +89 -0
  8. package/esm2020/src/lib/notification/notification.component.mjs +2 -2
  9. package/esm2020/src/lib/text-measurement/text-measurement.service.mjs +2 -1
  10. package/fesm2015/agorapulse-ui-components.mjs +819 -841
  11. package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
  12. package/fesm2020/agorapulse-ui-components.mjs +797 -817
  13. package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
  14. package/index.d.ts +4 -6
  15. package/package.json +1 -1
  16. package/src/lib/agorapulse-ui-components.module.d.ts +60 -61
  17. package/src/lib/avatar/avatar.component.d.ts +3 -0
  18. package/src/lib/labels/label-list.component.d.ts +30 -0
  19. package/src/lib/{tags/tag.component.d.ts → labels/label.component.d.ts} +6 -5
  20. package/src/lib/labels-selector/labels-selector.component.d.ts +34 -0
  21. package/agorapulse-ui-components-13.1.6.tgz +0 -0
  22. package/esm2020/src/lib/lead-modal/lead-info.model.mjs +0 -2
  23. package/esm2020/src/lib/lead-modal/lead-modal.component.mjs +0 -49
  24. package/esm2020/src/lib/tags/tag-list.component.mjs +0 -96
  25. package/esm2020/src/lib/tags/tag.component.mjs +0 -47
  26. package/esm2020/src/lib/tags-selector/tags-selector.component.mjs +0 -82
  27. package/src/lib/lead-modal/lead-info.model.d.ts +0 -7
  28. package/src/lib/lead-modal/lead-modal.component.d.ts +0 -31
  29. package/src/lib/tags/tag-list.component.d.ts +0 -30
  30. package/src/lib/tags-selector/tags-selector.component.d.ts +0 -32
@@ -1,47 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@agorapulse/ui-symbol";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "../tooltip-neo/tooltip-neo.directive";
6
- export class TagComponent {
7
- constructor(elementRef, zone) {
8
- this.elementRef = elementRef;
9
- this.zone = zone;
10
- this.color = 'default';
11
- this.onlyText = false;
12
- this.removable = false;
13
- this.deleteTag = new EventEmitter();
14
- this.tooltipEnabled = false;
15
- }
16
- ngAfterViewInit() {
17
- this.observer = new ResizeObserver(entries => {
18
- this.zone.run(() => {
19
- this.tooltipEnabled = entries[0].target.scrollWidth > this.elementRef.nativeElement.clientWidth;
20
- });
21
- });
22
- this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('tag-label')[0]);
23
- }
24
- ngOnDestroy() {
25
- this.observer.unobserve(this.elementRef.nativeElement.children[0]);
26
- }
27
- onDeleteTag() {
28
- this.deleteTag.emit(this.content);
29
- }
30
- }
31
- /** @nocollapse */ /** @nocollapse */ TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
32
- /** @nocollapse */ /** @nocollapse */ TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TagComponent, selector: "ap-tag", inputs: { color: "color", content: "content", onlyText: "onlyText", removable: "removable" }, outputs: { deleteTag: "deleteTag" }, ngImport: i0, template: "<div class=\"tag\"\n [ngClass]=\"color\"\n [class.big-padding]=\"onlyText\"\n [class.removable]=\"removable\"\n [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n <div class=\"tag-label\">{{content}}</div>\n <div *ngIf=\"removable\"\n class=\"delete-cross\">\n <ap-symbol symbolId=\"remove-bold\"\n size=\"pico\"\n (click)=\"onDeleteTag()\">\n </ap-symbol>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tag{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;border:none}.tag.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.tag.blue{background-color:#e8f4ff;color:#178dfe}.tag.red{background-color:#fde7e7;color:#e81313}.tag.purple{background-color:#efedf8;color:#6554c0}.tag.orange{background-color:#ffefe9;color:#ff6726}.tag.yellow{background-color:#fffde9;color:#ffe91f}.tag.green{background-color:#ecf7ed;color:#45b854}.tag.big-padding{padding:8px 16px}.tag.removable{padding:0 0 0 8px}.tag .tag-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;color:#858fa1;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep .delete-cross *{color:#858fa1}\n"], components: [{ type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.TooltipNeoDirective, selector: "[apTooltipNeo]", inputs: ["apTooltipNeo"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagComponent, decorators: [{
34
- type: Component,
35
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-tag', template: "<div class=\"tag\"\n [ngClass]=\"color\"\n [class.big-padding]=\"onlyText\"\n [class.removable]=\"removable\"\n [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n <div class=\"tag-label\">{{content}}</div>\n <div *ngIf=\"removable\"\n class=\"delete-cross\">\n <ap-symbol symbolId=\"remove-bold\"\n size=\"pico\"\n (click)=\"onDeleteTag()\">\n </ap-symbol>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tag{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;border:none}.tag.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.tag.blue{background-color:#e8f4ff;color:#178dfe}.tag.red{background-color:#fde7e7;color:#e81313}.tag.purple{background-color:#efedf8;color:#6554c0}.tag.orange{background-color:#ffefe9;color:#ff6726}.tag.yellow{background-color:#fffde9;color:#ffe91f}.tag.green{background-color:#ecf7ed;color:#45b854}.tag.big-padding{padding:8px 16px}.tag.removable{padding:0 0 0 8px}.tag .tag-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;color:#858fa1;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep .delete-cross *{color:#858fa1}\n"] }]
36
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
37
- type: Input
38
- }], content: [{
39
- type: Input
40
- }], onlyText: [{
41
- type: Input
42
- }], removable: [{
43
- type: Input
44
- }], deleteTag: [{
45
- type: Output
46
- }] } });
47
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWdDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVE3SCxNQUFNLE9BQU8sWUFBWTtJQVlyQixZQUFvQixVQUFzQixFQUN0QixJQUFZO1FBRFosZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFRO1FBWHZCLFVBQUssR0FBdUUsU0FBUyxDQUFDO1FBRXRGLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUUxQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUdqRCxtQkFBYyxHQUFZLEtBQUssQ0FBQztJQUloQyxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1lBQ3BHLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7K0lBL0JRLFlBQVk7bUlBQVosWUFBWSxpTENSekIsOGNBY0E7MkZETmEsWUFBWTtrQkFOeEIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFFBQVE7c0hBTVQsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBOZ1pvbmUsIE9uRGVzdHJveX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtdGFnJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gICAgQElucHV0KCkgY29sb3I6IHN0cmluZyB8ICdibHVlJyB8ICdyZWQnIHwgJ3B1cnBsZScgfCAnb3JhbmdlJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyA9ICdkZWZhdWx0JztcbiAgICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmc7XG4gICAgQElucHV0KCkgb25seVRleHQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZW1vdmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBkZWxldGVUYWcgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyO1xuICAgIHRvb2x0aXBFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSB6b25lOiBOZ1pvbmUpIHtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZW50cmllcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXBFbmFibGVkID0gZW50cmllc1swXS50YXJnZXQuc2Nyb2xsV2lkdGggPiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ3RhZy1sYWJlbCcpWzBdKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5vYnNlcnZlci51bm9ic2VydmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF0pO1xuICAgIH1cblxuICAgIG9uRGVsZXRlVGFnKCkge1xuICAgICAgICB0aGlzLmRlbGV0ZVRhZy5lbWl0KHRoaXMuY29udGVudCk7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwidGFnXCJcbiAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxuICAgICBbY2xhc3MuYmlnLXBhZGRpbmddPVwib25seVRleHRcIlxuICAgICBbY2xhc3MucmVtb3ZhYmxlXT1cInJlbW92YWJsZVwiXG4gICAgIFthcFRvb2x0aXBOZW9dPVwidG9vbHRpcEVuYWJsZWQgPyBjb250ZW50IDogJydcIiA+XG4gICAgPGRpdiBjbGFzcz1cInRhZy1sYWJlbFwiPnt7Y29udGVudH19PC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInJlbW92YWJsZVwiXG4gICAgICAgICBjbGFzcz1cImRlbGV0ZS1jcm9zc1wiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwicmVtb3ZlLWJvbGRcIlxuICAgICAgICAgICAgICAgICAgIHNpemU9XCJwaWNvXCJcbiAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25EZWxldGVUYWcoKVwiPlxuICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -1,82 +0,0 @@
1
- import { Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import { of, Subject } from "rxjs";
3
- import { catchError, debounceTime, distinctUntilChanged, map, switchMap, tap } from "rxjs/operators";
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@ng-select/ng-select";
6
- import * as i2 from "../tags/tag.component";
7
- import * as i3 from "@agorapulse/ui-symbol";
8
- import * as i4 from "@angular/forms";
9
- import * as i5 from "@angular/common";
10
- export class TagsSelectorComponent {
11
- constructor() {
12
- this.INFINITY = Number.MAX_SAFE_INTEGER;
13
- this.addTagEnabled = true;
14
- this.disabled = false;
15
- this.initialTags = [];
16
- this.loadingOnSearch = true;
17
- this.multipleEnabled = true;
18
- this.selectTags = new EventEmitter();
19
- this.searchErrorMessage = new EventEmitter();
20
- this.tags = [];
21
- this.tagsInput$ = new Subject();
22
- this.tagsLoading = false;
23
- }
24
- ngOnInit() {
25
- this.tags = this.initialTags;
26
- this.setSearchFunction();
27
- }
28
- ngOnChanges(changes) {
29
- if (changes?.initialTags?.currentValue) {
30
- this.tags = this.initialTags;
31
- }
32
- }
33
- onAdd() {
34
- this.tags$ = of([]);
35
- this.setSearchFunction();
36
- }
37
- onOpen() {
38
- this.tagsInput$.next('');
39
- }
40
- onTagsChange() {
41
- this.selectTags.emit(this.tags);
42
- }
43
- setSearchFunction() {
44
- this.tags$ = this.tagsInput$.pipe(debounceTime(this.loadingOnSearch ? 400 : 0), distinctUntilChanged(), tap(() => {
45
- this.tagsLoading = true;
46
- }), switchMap((term) => this.searchTagsFunction(term).pipe(catchError((response) => {
47
- this.searchErrorMessage.emit(response.error ? response.error.message : 'Error');
48
- return [];
49
- }), map(response => {
50
- this.tagsLoading = false;
51
- if (!response || Object.keys(response).length == 0) {
52
- return [];
53
- }
54
- return response;
55
- }))));
56
- }
57
- }
58
- /** @nocollapse */ /** @nocollapse */ TagsSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagsSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
59
- /** @nocollapse */ /** @nocollapse */ TagsSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TagsSelectorComponent, selector: "ap-tags-selector", inputs: { addTagEnabled: "addTagEnabled", disabled: "disabled", initialTags: "initialTags", labels: "labels", loadingOnSearch: "loadingOnSearch", multipleEnabled: "multipleEnabled", searchTagsFunction: "searchTagsFunction" }, outputs: { selectTags: "selectTags", searchErrorMessage: "searchErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"tags-select\"\n [disabled]=\"disabled\"\n [addTag]=\"addTagEnabled\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [multiple]=\"true\"\n [hideSelected]=\"true\"\n [placeholder]=\"labels.placeholder\"\n [loading]=\"tagsLoading\"\n [items]=\"tags$ | async\"\n [typeahead]=\"tagsInput$\"\n [minTermLength]=\"0\"\n [clearable]=\"false\"\n [(ngModel)]=\"tags\"\n (open)=\"onOpen()\"\n (change)=\"onTagsChange()\"\n (add)=\"onAdd()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"tags-wrapper\">\n <ap-tag [content]=\"item\" [removable]=\"!disabled\" (deleteTag)=\"clear(item)\"></ap-tag>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-tag\">\n <ap-symbol class=\"add-tag-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-tag-preview\">{{labels.createTag}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.tags-select{width:260px}.tags-select .tags-wrapper{margin-bottom:5px;max-width:226px}::ng-deep .tags-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:64px;padding-left:6px!important;gap:4px}.ng-option ap-symbol{color:#858fa1}.add-tag{display:flex;align-items:center}.add-tag .add-tag-icon{padding-right:8px}.add-tag-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2.TagComponent, selector: "ap-tag", inputs: ["color", "content", "onlyText", "removable"], outputs: ["deleteTag"] }, { type: i3.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }], pipes: { "async": i5.AsyncPipe } });
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagsSelectorComponent, decorators: [{
61
- type: Component,
62
- args: [{ selector: 'ap-tags-selector', template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"tags-select\"\n [disabled]=\"disabled\"\n [addTag]=\"addTagEnabled\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [multiple]=\"true\"\n [hideSelected]=\"true\"\n [placeholder]=\"labels.placeholder\"\n [loading]=\"tagsLoading\"\n [items]=\"tags$ | async\"\n [typeahead]=\"tagsInput$\"\n [minTermLength]=\"0\"\n [clearable]=\"false\"\n [(ngModel)]=\"tags\"\n (open)=\"onOpen()\"\n (change)=\"onTagsChange()\"\n (add)=\"onAdd()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"tags-wrapper\">\n <ap-tag [content]=\"item\" [removable]=\"!disabled\" (deleteTag)=\"clear(item)\"></ap-tag>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-tag\">\n <ap-symbol class=\"add-tag-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-tag-preview\">{{labels.createTag}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.tags-select{width:260px}.tags-select .tags-wrapper{margin-bottom:5px;max-width:226px}::ng-deep .tags-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:64px;padding-left:6px!important;gap:4px}.ng-option ap-symbol{color:#858fa1}.add-tag{display:flex;align-items:center}.add-tag .add-tag-icon{padding-right:8px}.add-tag-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"] }]
63
- }], ctorParameters: function () { return []; }, propDecorators: { addTagEnabled: [{
64
- type: Input
65
- }], disabled: [{
66
- type: Input
67
- }], initialTags: [{
68
- type: Input
69
- }], labels: [{
70
- type: Input
71
- }], loadingOnSearch: [{
72
- type: Input
73
- }], multipleEnabled: [{
74
- type: Input
75
- }], searchTagsFunction: [{
76
- type: Input
77
- }], selectTags: [{
78
- type: Output
79
- }], searchErrorMessage: [{
80
- type: Output
81
- }] } });
82
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi90YWdzLXNlbGVjdG9yL3RhZ3Mtc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdGFncy1zZWxlY3Rvci90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDN0MsT0FBTyxFQUFDLFVBQVUsRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQVluRyxNQUFNLE9BQU8scUJBQXFCO0lBb0I5QjtRQWxCUyxhQUFRLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDO1FBRW5DLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBYSxFQUFFLENBQUM7UUFFM0Isb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFHL0IsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFDMUMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUxRCxTQUFJLEdBQWEsRUFBRSxDQUFDO1FBQ3BCLGVBQVUsR0FBb0IsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUVwRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUVKLENBQUM7SUFFakIsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUU7WUFDcEMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQ2hDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM3QixZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDNUMsb0JBQW9CLEVBQUUsRUFDdEIsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNMLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FDMUQsVUFBVSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDL0UsT0FBTyxFQUFFLENBQUM7UUFDZCxDQUFDLENBQUMsRUFDRixHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDWCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDaEQsT0FBTyxFQUFFLENBQUM7YUFDYjtZQUNELE9BQU8sUUFBUSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxDQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQzs7d0pBbEVRLHFCQUFxQjs0SUFBckIscUJBQXFCLGdZQ3JCbEMsc3NEQXFDQTsyRkRoQmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLGtCQUFrQjswRUFRbkIsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCwgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBvZiwgU3ViamVjdH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7Y2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzd2l0Y2hNYXAsIHRhcH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFnc1NlbGVjdG9yTGFiZWxzIHtcbiAgICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICAgIGNyZWF0ZVRhZzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLXRhZ3Mtc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFnc1NlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gICAgcmVhZG9ubHkgSU5GSU5JVFkgPSBOdW1iZXIuTUFYX1NBRkVfSU5URUdFUjtcblxuICAgIEBJbnB1dCgpIGFkZFRhZ0VuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaW5pdGlhbFRhZ3M6IHN0cmluZ1tdID0gW107XG4gICAgQElucHV0KCkgbGFiZWxzOiBUYWdzU2VsZWN0b3JMYWJlbHM7XG4gICAgQElucHV0KCkgbG9hZGluZ09uU2VhcmNoOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBtdWx0aXBsZUVuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRhZ3NGdW5jdGlvbjogKHN0cmluZykgPT4gT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0VGFncyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nW10+KCk7XG4gICAgQE91dHB1dCgpIHNlYXJjaEVycm9yTWVzc2FnZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgdGFnczogc3RyaW5nW10gPSBbXTtcbiAgICB0YWdzSW5wdXQkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gICAgdGFncyQ6IE9ic2VydmFibGU8c3RyaW5nW10+O1xuICAgIHRhZ3NMb2FkaW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyA9IHRoaXMuaW5pdGlhbFRhZ3M7XG4gICAgICAgIHRoaXMuc2V0U2VhcmNoRnVuY3Rpb24oKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzPy5pbml0aWFsVGFncz8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnRhZ3MgPSB0aGlzLmluaXRpYWxUYWdzO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25BZGQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyQgPSBvZihbXSk7XG4gICAgICAgIHRoaXMuc2V0U2VhcmNoRnVuY3Rpb24oKTtcbiAgICB9XG5cbiAgICBvbk9wZW4oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFnc0lucHV0JC5uZXh0KCcnKTtcbiAgICB9XG5cbiAgICBvblRhZ3NDaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0VGFncy5lbWl0KHRoaXMudGFncyk7XG4gICAgfVxuXG4gICAgc2V0U2VhcmNoRnVuY3Rpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyQgPSB0aGlzLnRhZ3NJbnB1dCQucGlwZShcbiAgICAgICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmxvYWRpbmdPblNlYXJjaCA/IDQwMCA6IDApLFxuICAgICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy50YWdzTG9hZGluZyA9IHRydWU7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIHN3aXRjaE1hcCgodGVybTogc3RyaW5nKSA9PiB0aGlzLnNlYXJjaFRhZ3NGdW5jdGlvbih0ZXJtKS5waXBlKFxuICAgICAgICAgICAgICAgIGNhdGNoRXJyb3IoKHJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoRXJyb3JNZXNzYWdlLmVtaXQocmVzcG9uc2UuZXJyb3IgPyByZXNwb25zZS5lcnJvci5tZXNzYWdlOiAnRXJyb3InKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIG1hcChyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudGFnc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFyZXNwb25zZSB8fCBPYmplY3Qua2V5cyhyZXNwb25zZSkubGVuZ3RoID09IDApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICkpKTtcbiAgICB9XG59XG4iLCI8IS0tIEBKUkEgW211bHRpcGxlXT1cImZhbHNlXCIgYnJlYWsgdGhlIGNvbXBvbmVudCBkaXNwbGF5IGFuZCBiZWhhdmlvciwgd2UgdXNlIFttYXhTZWxlY3RlZEl0ZW1zXT1cIjFcIiBhcyBlZmZpY2llbnQgd29ya2Fyb3VuZCAtLT5cbjxuZy1zZWxlY3QgY2xhc3M9XCJ0YWdzLXNlbGVjdFwiXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgIFthZGRUYWddPVwiYWRkVGFnRW5hYmxlZFwiXG4gICAgICAgICAgIFttYXhTZWxlY3RlZEl0ZW1zXT1cIm11bHRpcGxlRW5hYmxlZCA/IElORklOSVRZIDogMVwiXG4gICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgW2hpZGVTZWxlY3RlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImxhYmVscy5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtsb2FkaW5nXT1cInRhZ3NMb2FkaW5nXCJcbiAgICAgICAgICAgW2l0ZW1zXT1cInRhZ3MkIHwgYXN5bmNcIlxuICAgICAgICAgICBbdHlwZWFoZWFkXT1cInRhZ3NJbnB1dCRcIlxuICAgICAgICAgICBbbWluVGVybUxlbmd0aF09XCIwXCJcbiAgICAgICAgICAgW2NsZWFyYWJsZV09XCJmYWxzZVwiXG4gICAgICAgICAgIFsobmdNb2RlbCldPVwidGFnc1wiXG4gICAgICAgICAgIChvcGVuKT1cIm9uT3BlbigpXCJcbiAgICAgICAgICAgKGNoYW5nZSk9XCJvblRhZ3NDaGFuZ2UoKVwiXG4gICAgICAgICAgIChhZGQpPVwib25BZGQoKVwiXG4gICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1tdWx0aS1sYWJlbC10bXAgbGV0LWl0ZW1zPVwiaXRlbXNcIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgY2xhc3M9XCJ0YWdzLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxhcC10YWcgW2NvbnRlbnRdPVwiaXRlbVwiIFtyZW1vdmFibGVdPVwiIWRpc2FibGVkXCIgKGRlbGV0ZVRhZyk9XCJjbGVhcihpdGVtKVwiPjwvYXAtdGFnPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGxldC1zZWFyY2g9XCJzZWFyY2hUZXJtXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJzZWFyY2hcIj48Yj57e2l0ZW0uc3Vic3RyaW5nKDAsIHNlYXJjaC5sZW5ndGgpfX08L2I+e3tpdGVtLnN1YnN0cmluZyhzZWFyY2gubGVuZ3RoLCBpdGVtLmxlbmd0aCl9fTwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIXNlYXJjaFwiPnt7aXRlbX19PC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgbmctdGFnLXRtcCBsZXQtc2VhcmNoPVwic2VhcmNoVGVybVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkLXRhZ1wiPlxuICAgICAgICAgICAgPGFwLXN5bWJvbCBjbGFzcz1cImFkZC10YWctaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgIHN5bWJvbElkPVwiYWRkLWNpcmNsZS1ib2xkLWFsdGVybmF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJtaWNyb1wiXG4gICAgICAgICAgICA+PC9hcC1zeW1ib2w+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkLXRhZy1wcmV2aWV3XCI+e3tsYWJlbHMuY3JlYXRlVGFnfX0gXCJ7e3NlYXJjaH19XCI8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctc2VsZWN0PlxuIl19
@@ -1,7 +0,0 @@
1
- export interface LeadInfo {
2
- language: string;
3
- profileType: string;
4
- qualifiedPlan: string;
5
- qualifiedProfilePlan: string;
6
- qualifiedTeamPlan: string;
7
- }
@@ -1,31 +0,0 @@
1
- import { MatDialogRef } from '@angular/material/dialog';
2
- import { LeadInfo } from './lead-info.model';
3
- import * as i0 from "@angular/core";
4
- export interface TranslatedStrings {
5
- agencyFieldLabel: string;
6
- agencyNoLabel: string;
7
- agencyYesLabel: string;
8
- profileFieldLabel: string;
9
- teamFieldLabel: string;
10
- teamMeLabel: string;
11
- title: string;
12
- validateButtonLabel: string;
13
- }
14
- export declare class LeadModalComponent {
15
- dialogRef: MatDialogRef<LeadModalComponent>;
16
- translatedStrings: TranslatedStrings;
17
- constructor(dialogRef: MatDialogRef<LeadModalComponent>, translatedStrings: TranslatedStrings);
18
- plans: {
19
- PRO: string;
20
- PREMIUM: string;
21
- PREMIUM_PLUS: string;
22
- ENTERPRISE: string;
23
- };
24
- orderedPlans: string[];
25
- qualifiedProfilePlan: string;
26
- qualifiedTeamPlan: string;
27
- profileType: string;
28
- onValidate(qualifiedProfilePlan: string, qualifiedTeamPlan: string, profileType: string): LeadInfo;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<LeadModalComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<LeadModalComponent, "ap-lead-modal", never, {}, {}, never, never>;
31
- }
@@ -1,30 +0,0 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
2
- import { TextMeasurementService } from "../text-measurement/text-measurement.service";
3
- import * as i0 from "@angular/core";
4
- export declare class TagListComponent implements AfterViewInit, OnChanges, OnDestroy {
5
- private elementRef;
6
- private changeDetectorRef;
7
- private textMeasurementService;
8
- private zone;
9
- removeTagsEnabled: boolean;
10
- responsive: boolean;
11
- seeLessTranslation: string;
12
- tags: string[];
13
- deleteTag: EventEmitter<string[]>;
14
- expanded: boolean;
15
- howManyItemsLeft: number;
16
- responsiveTags: string[];
17
- private observer;
18
- private width$;
19
- constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, textMeasurementService: TextMeasurementService, zone: NgZone);
20
- ngAfterViewInit(): void;
21
- ngOnChanges(changes: SimpleChanges): void;
22
- ngOnDestroy(): void;
23
- onExpand(): void;
24
- onDeleteTag(tag: string): void;
25
- onResize(): void;
26
- trackByTagContent(index: any, entry: string): string;
27
- private generateResponsiveTags;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<TagListComponent, never>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<TagListComponent, "ap-tag-list", never, { "removeTagsEnabled": "removeTagsEnabled"; "responsive": "responsive"; "seeLessTranslation": "seeLessTranslation"; "tags": "tags"; }, { "deleteTag": "deleteTag"; }, never, never>;
30
- }
@@ -1,32 +0,0 @@
1
- import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
- import { Observable, Subject } from "rxjs";
3
- import * as i0 from "@angular/core";
4
- export interface TagsSelectorLabels {
5
- placeholder: string;
6
- createTag: string;
7
- }
8
- export declare class TagsSelectorComponent implements OnInit, OnChanges {
9
- readonly INFINITY: number;
10
- addTagEnabled: boolean;
11
- disabled: boolean;
12
- initialTags: string[];
13
- labels: TagsSelectorLabels;
14
- loadingOnSearch: boolean;
15
- multipleEnabled: boolean;
16
- searchTagsFunction: (string: any) => Observable<string[]>;
17
- selectTags: EventEmitter<string[]>;
18
- searchErrorMessage: EventEmitter<string>;
19
- tags: string[];
20
- tagsInput$: Subject<string>;
21
- tags$: Observable<string[]>;
22
- tagsLoading: boolean;
23
- constructor();
24
- ngOnInit(): void;
25
- ngOnChanges(changes: SimpleChanges): void;
26
- onAdd(): void;
27
- onOpen(): void;
28
- onTagsChange(): void;
29
- setSearchFunction(): void;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<TagsSelectorComponent, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<TagsSelectorComponent, "ap-tags-selector", never, { "addTagEnabled": "addTagEnabled"; "disabled": "disabled"; "initialTags": "initialTags"; "labels": "labels"; "loadingOnSearch": "loadingOnSearch"; "multipleEnabled": "multipleEnabled"; "searchTagsFunction": "searchTagsFunction"; }, { "selectTags": "selectTags"; "searchErrorMessage": "searchErrorMessage"; }, never, never>;
32
- }