@litigiovirtual/ius-design-components 1.0.197 → 1.0.200
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/categories/categories.component.mjs +7 -5
- package/esm2022/lib/filter-item/filter-item.component.mjs +7 -3
- package/esm2022/lib/notifications/index.mjs +2 -0
- package/esm2022/lib/notifications/notifications.component.mjs +90 -0
- package/esm2022/lib/support-panel/index.mjs +2 -0
- package/esm2022/lib/support-panel/support-panel.component.mjs +45 -0
- package/esm2022/lib/toolbar/toolbar.component.mjs +36 -21
- package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +3 -10
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +566 -435
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/categories/categories.component.d.ts +1 -1
- package/lib/filter-item/filter-item.component.d.ts +2 -1
- package/lib/notifications/index.d.ts +1 -0
- package/lib/notifications/notifications.component.d.ts +19 -0
- package/lib/support-panel/index.d.ts +1 -0
- package/lib/support-panel/support-panel.component.d.ts +17 -0
- package/lib/toolbar/toolbar.component.d.ts +33 -11
- package/lib/toolbar-user-menu/toolbar-user-menu.component.d.ts +2 -38
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
3
|
import { IconMdComponent } from "../icon-md";
|
|
4
|
+
import { CheckboxComponent } from '../checkbox/checkbox.component';
|
|
5
|
+
import { PopoverDirective } from '../directives/popover.directive';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
import * as i1 from "@angular/common";
|
|
6
8
|
export class CategoriesComponent {
|
|
@@ -10,8 +12,8 @@ export class CategoriesComponent {
|
|
|
10
12
|
this.onUnCheck = new EventEmitter();
|
|
11
13
|
this.checked = false;
|
|
12
14
|
}
|
|
13
|
-
|
|
14
|
-
this.checked =
|
|
15
|
+
onCheckedChange(value) {
|
|
16
|
+
this.checked = value;
|
|
15
17
|
if (this.checked) {
|
|
16
18
|
this.onCheck.emit(this.id);
|
|
17
19
|
}
|
|
@@ -20,11 +22,11 @@ export class CategoriesComponent {
|
|
|
20
22
|
}
|
|
21
23
|
}
|
|
22
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <ius-checkbox [checked]=\"checked\" (checkedChange)=\"onCheckedChange($event)\"></ius-checkbox>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title body-base-1\" [iusPopoverContent]=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.circle{width:16px;height:16px;border-radius:100px}.title{flex:1 1 0;min-width:0;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: CheckboxComponent, selector: "ius-checkbox", inputs: ["checked", "disabled"], outputs: ["checkedChange"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
24
26
|
}
|
|
25
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, decorators: [{
|
|
26
28
|
type: Component,
|
|
27
|
-
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <
|
|
29
|
+
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent, CheckboxComponent, PopoverDirective], template: "<div class=\"category\">\r\n <ius-checkbox [checked]=\"checked\" (checkedChange)=\"onCheckedChange($event)\"></ius-checkbox>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title body-base-1\" [iusPopoverContent]=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.circle{width:16px;height:16px;border-radius:100px}.title{flex:1 1 0;min-width:0;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"] }]
|
|
28
30
|
}], propDecorators: { title: [{
|
|
29
31
|
type: Input
|
|
30
32
|
}], id: [{
|
|
@@ -38,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
40
|
}], onUnCheck: [{
|
|
39
41
|
type: Output
|
|
40
42
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jYXRlZ29yaWVzL2NhdGVnb3JpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2F0ZWdvcmllcy9jYXRlZ29yaWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQVNuRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBVVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUVwQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM5QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBVWpCO0lBUkMsZUFBZSxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDOytHQWhCVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwrTUNiaEMsa2pCQWFBLHlpRURKWSxZQUFZLG9IQUFFLGVBQWUsdUZBQUUsaUJBQWlCLHNIQUFFLGdCQUFnQjs7NEZBSWpFLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDOzhCQUtwRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kXCI7XHJcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi4vY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcclxuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2F0ZWdvcmllcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTWRDb21wb25lbnQsIENoZWNrYm94Q29tcG9uZW50LCBQb3BvdmVyRGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2F0ZWdvcmllcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhdGVnb3JpZXMuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXRlZ29yaWVzQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICBASW5wdXQoKSBpZD86IG51bWJlcjtcclxuICBASW5wdXQoKSBjb250YWRvcjogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcclxuICBAT3V0cHV0KCkgb25DaGVjayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblVuQ2hlY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBjaGVja2VkID0gZmFsc2U7XHJcblxyXG4gIG9uQ2hlY2tlZENoYW5nZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5jaGVja2VkID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5jaGVja2VkKSB7XHJcbiAgICAgIHRoaXMub25DaGVjay5lbWl0KHRoaXMuaWQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vblVuQ2hlY2suZW1pdCh0aGlzLmlkKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhdGVnb3J5XCI+XHJcbiAgPGl1cy1jaGVja2JveCBbY2hlY2tlZF09XCJjaGVja2VkXCIgKGNoZWNrZWRDaGFuZ2UpPVwib25DaGVja2VkQ2hhbmdlKCRldmVudClcIj48L2l1cy1jaGVja2JveD5cclxuICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogY29sb3J9XCI+PC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwidGl0bGUgYm9keS1iYXNlLTFcIiBbaXVzUG9wb3ZlckNvbnRlbnRdPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvbGFiZWw+XHJcbiAgQGlmKGNvbnRhZG9yID4gMCl7XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFkb3ItY29udGFpbmVyXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiY29udGFkb3JcIj57eyBjb250YWRvciB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuICA8YnV0dG9uIGNsYXNzPVwib3B0aW9uXCI+XHJcbiAgICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24tbW9yZW9wJ1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1,24 +1,28 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { IconLgComponent } from "../icon-lg";
|
|
3
3
|
import { ButtonCircleTertiaryComponent } from "../button-circle-tertiary";
|
|
4
|
+
import { PopoverDirective } from '../directives/popover.directive';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class FilterItemComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.iconName = '';
|
|
9
|
+
this.label = '';
|
|
8
10
|
this.clickDelete = new EventEmitter();
|
|
9
11
|
}
|
|
10
12
|
onClickDelete(event) {
|
|
11
13
|
this.clickDelete.emit(event);
|
|
12
14
|
}
|
|
13
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterItemComponent, isStandalone: true, selector: "ius-filter-item", inputs: { iconName: "iconName" }, outputs: { clickDelete: "clickDelete" }, ngImport: i0, template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterItemComponent, isStandalone: true, selector: "ius-filter-item", inputs: { iconName: "iconName", label: "label" }, outputs: { clickDelete: "clickDelete" }, ngImport: i0, template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <span class=\"filter-text\" [iusPopoverContent]=\"label\">{{ label }}</span>\r\n <ius-button-circle-tertiary (buttonClicked)=\"onClickDelete($event)\"\r\n iconName=\"icon-cancel\"></ius-button-circle-tertiary>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.filter-item{display:flex;box-sizing:border-box;height:44px;width:197px;padding:4px 8px;align-items:center;gap:4px;overflow:hidden;border-radius:8px;border:1px dashed #EAEAEA;color:#184fdb;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-filter{color:#184fdb}.filter-text{cursor:default;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
15
17
|
}
|
|
16
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterItemComponent, decorators: [{
|
|
17
19
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ius-filter-item', standalone: true, imports: [IconLgComponent, ButtonCircleTertiaryComponent], template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <
|
|
20
|
+
args: [{ selector: 'ius-filter-item', standalone: true, imports: [IconLgComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <span class=\"filter-text\" [iusPopoverContent]=\"label\">{{ label }}</span>\r\n <ius-button-circle-tertiary (buttonClicked)=\"onClickDelete($event)\"\r\n iconName=\"icon-cancel\"></ius-button-circle-tertiary>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.filter-item{display:flex;box-sizing:border-box;height:44px;width:197px;padding:4px 8px;align-items:center;gap:4px;overflow:hidden;border-radius:8px;border:1px dashed #EAEAEA;color:#184fdb;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-filter{color:#184fdb}.filter-text{cursor:default;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
19
21
|
}], propDecorators: { iconName: [{
|
|
20
22
|
type: Input
|
|
23
|
+
}], label: [{
|
|
24
|
+
type: Input
|
|
21
25
|
}], clickDelete: [{
|
|
22
26
|
type: Output
|
|
23
27
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyLWl0ZW0vZmlsdGVyLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyLWl0ZW0vZmlsdGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQVNuRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU1csYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGdCQUFXLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLakU7SUFIQyxhQUFhLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQVJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHNLQ1poQyw0VkFLTSx1N0RER00sZUFBZSx1RkFBRSw2QkFBNkIscUlBQUUsZ0JBQWdCOzs0RkFJL0QsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSw2QkFBNkIsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFNbEUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25MZ0NvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWxnXCI7XHJcbmltcG9ydCB7IEJ1dHRvbkNpcmNsZVRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1jaXJjbGUtdGVydGlhcnlcIjtcclxuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtZmlsdGVyLWl0ZW0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25MZ0NvbXBvbmVudCwgQnV0dG9uQ2lyY2xlVGVydGlhcnlDb21wb25lbnQsIFBvcG92ZXJEaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ZpbHRlci1pdGVtLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVySXRlbUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQE91dHB1dCgpIGNsaWNrRGVsZXRlOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBvbkNsaWNrRGVsZXRlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja0RlbGV0ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpbHRlci1pdGVtXCI+XHJcbiAgICA8aXVzLWljb24tbGcgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJjb2xvci1maWx0ZXJcIj48L2l1cy1pY29uLWxnPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItdGV4dFwiIFtpdXNQb3BvdmVyQ29udGVudF09XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxyXG4gICAgPGl1cy1idXR0b24tY2lyY2xlLXRlcnRpYXJ5IChidXR0b25DbGlja2VkKT1cIm9uQ2xpY2tEZWxldGUoJGV2ZW50KVwiXHJcbiAgICAgICAgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiPjwvaXVzLWJ1dHRvbi1jaXJjbGUtdGVydGlhcnk+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './notifications.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9ub3RpZmljYXRpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50JztcclxuXHJcbiJdfQ==
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
import { DatePipe } from '@angular/common';
|
|
3
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
4
|
+
import { SimpleDividerComponent } from "../simple-divider/simple-divider.component";
|
|
5
|
+
import { NotificationCardComponent } from "../notification-card/notification-card.component";
|
|
6
|
+
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
7
|
+
import { IconLgComponent } from "../icon-lg/icon-lg.component";
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class NotificationsComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.alerts = [];
|
|
12
|
+
this.titleDrawer = "Title Drawer";
|
|
13
|
+
this.percentProgressBar = 50;
|
|
14
|
+
this.onDoneAlert = new EventEmitter();
|
|
15
|
+
this.onPostponeAlert = new EventEmitter();
|
|
16
|
+
this.onPressedBackEvent = new EventEmitter();
|
|
17
|
+
this.onDrawerClosed = new EventEmitter();
|
|
18
|
+
this.isVisible = true;
|
|
19
|
+
}
|
|
20
|
+
close() {
|
|
21
|
+
this.isVisible = false;
|
|
22
|
+
}
|
|
23
|
+
onAnimDone(event) {
|
|
24
|
+
if (event.toState === 'void') {
|
|
25
|
+
this.onDrawerClosed.emit();
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
onPostpone(alert, time) {
|
|
29
|
+
this.onPostponeAlert.emit({ alert, time });
|
|
30
|
+
}
|
|
31
|
+
onClickDone(alertaID) {
|
|
32
|
+
this.onDoneAlert.emit(alertaID);
|
|
33
|
+
}
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationsComponent, isStandalone: true, selector: "ius-notifications", inputs: { alerts: "alerts", titleDrawer: "titleDrawer", percentProgressBar: "percentProgressBar" }, outputs: { onDoneAlert: "onDoneAlert", onPostponeAlert: "onPostponeAlert", onPressedBackEvent: "onPressedBackEvent", onDrawerClosed: "onDrawerClosed" }, ngImport: i0, template: "<div class=\"background-drawer\">\r\n @if (isVisible) {\r\n <div\r\n class=\"create-container\"\r\n @slideInOut\r\n (@slideInOut.done)=\"onAnimDone($event)\"\r\n >\r\n <div class=\"header-drawer\">\r\n <div class=\"title-header-drawer\">Panel de notificaciones</div>\r\n <ius-button-squared-tertiary\r\n [iconName]=\"'icon-cancel'\"\r\n (buttonClicked)=\"close()\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div\r\n class=\"scrollable-small\"\r\n style=\"height: calc(100% - 69px); overflow-y: auto; padding: 5px;\"\r\n >\r\n @if (alerts.length > 0) { @for (alert of alerts; track $index) {\r\n <div class=\"notification\">\r\n <ius-notification-card\r\n [date]=\"(alert?.fechaRegistro | date:'d \\'de\\' MMMM \\'de\\' y')!\"\r\n [title]=\"alert?.titulo\"\r\n [simple]=\"(alert?.tipoAlerta! === 'Simple' ? true : false)! || (alert?.tipoAlerta! === 'Hexti' ? true : false)!\"\r\n [activity]=\"alert?.tipoAlerta! === 'Actividad' ? true : false\"\r\n [process]=\"alert?.tipoAlerta! === 'Proceso' ? true : false\"\r\n [body]=\"alert?.descripcion!\"\r\n (onDone)=\"onClickDone(alert.alertaID!)\"\r\n (onPostpone15Min)=\"onPostpone(alert, '15m')\"\r\n (onPostpone30Min)=\"onPostpone(alert, '30m')\"\r\n (onPostpone1Hour)=\"onPostpone(alert, '1h')\"\r\n (onPostpone1Day)=\"onPostpone(alert, '1d')\"\r\n (onPostpone1Week)=\"onPostpone(alert, '1w')\"\r\n ></ius-notification-card>\r\n </div>\r\n }\r\n <ius-simple-divider></ius-simple-divider>\r\n }@else {\r\n <div class=\"no-notifications\">\r\n <ius-icon-lg [iconName]=\"'icon-done-outline'\"></ius-icon-lg>\r\n <ius-simple-divider></ius-simple-divider>\r\n <p>No tienes ninguna nueva notificaci\u00F3n o alerta</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.create-container{height:calc(100vh - 60px);position:absolute;z-index:1000;width:390px;top:60px;right:0;background-color:#fff;border-radius:8px 0 0 8px;box-shadow:0 2px 6px 3px #00000026,0 1px 3px #0000004d}.header-drawer{display:flex;padding:12px 16px;align-items:center}.title-header-drawer{width:100%;font-family:Roboto,sans-serif;font-size:1.25rem;color:#333;line-height:26px;letter-spacing:.2px;font-weight:500;display:flex;justify-content:start;overflow:hidden;white-space:normal;text-overflow:ellipsis}.notification{padding:2px 5px}.no-notifications{display:flex;width:70%;padding:8px;flex-direction:column;align-items:center;align-self:center;justify-self:center;gap:12px;margin-top:24px}.no-notifications p{flex:1 0 0;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:#333;text-align:center;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.button-header-drawer{margin-left:3px;margin-top:1px}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:8px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "component", type: NotificationCardComponent, selector: "ius-notification-card", inputs: ["date", "title", "body", "simple", "activity", "process"], outputs: ["onAccept", "onDone", "onPostpone15Min", "onPostpone30Min", "onPostpone1Hour", "onPostpone1Day", "onPostpone1Week", "onEditActivity"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }], animations: [
|
|
36
|
+
trigger('slideInOut', [
|
|
37
|
+
state('void', style({
|
|
38
|
+
transform: 'translateX(100%)',
|
|
39
|
+
opacity: 0
|
|
40
|
+
})),
|
|
41
|
+
state('*', style({
|
|
42
|
+
transform: 'translateX(0)',
|
|
43
|
+
opacity: 1
|
|
44
|
+
})),
|
|
45
|
+
transition('void => *', [
|
|
46
|
+
animate('300ms ease-in')
|
|
47
|
+
]),
|
|
48
|
+
transition('* => void', [
|
|
49
|
+
animate('300ms ease-out')
|
|
50
|
+
])
|
|
51
|
+
])
|
|
52
|
+
] }); }
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: 'ius-notifications', standalone: true, imports: [NotificationCardComponent, SimpleDividerComponent, ButtonSquaredTertiaryComponent, DatePipe, IconLgComponent], animations: [
|
|
57
|
+
trigger('slideInOut', [
|
|
58
|
+
state('void', style({
|
|
59
|
+
transform: 'translateX(100%)',
|
|
60
|
+
opacity: 0
|
|
61
|
+
})),
|
|
62
|
+
state('*', style({
|
|
63
|
+
transform: 'translateX(0)',
|
|
64
|
+
opacity: 1
|
|
65
|
+
})),
|
|
66
|
+
transition('void => *', [
|
|
67
|
+
animate('300ms ease-in')
|
|
68
|
+
]),
|
|
69
|
+
transition('* => void', [
|
|
70
|
+
animate('300ms ease-out')
|
|
71
|
+
])
|
|
72
|
+
])
|
|
73
|
+
], template: "<div class=\"background-drawer\">\r\n @if (isVisible) {\r\n <div\r\n class=\"create-container\"\r\n @slideInOut\r\n (@slideInOut.done)=\"onAnimDone($event)\"\r\n >\r\n <div class=\"header-drawer\">\r\n <div class=\"title-header-drawer\">Panel de notificaciones</div>\r\n <ius-button-squared-tertiary\r\n [iconName]=\"'icon-cancel'\"\r\n (buttonClicked)=\"close()\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div\r\n class=\"scrollable-small\"\r\n style=\"height: calc(100% - 69px); overflow-y: auto; padding: 5px;\"\r\n >\r\n @if (alerts.length > 0) { @for (alert of alerts; track $index) {\r\n <div class=\"notification\">\r\n <ius-notification-card\r\n [date]=\"(alert?.fechaRegistro | date:'d \\'de\\' MMMM \\'de\\' y')!\"\r\n [title]=\"alert?.titulo\"\r\n [simple]=\"(alert?.tipoAlerta! === 'Simple' ? true : false)! || (alert?.tipoAlerta! === 'Hexti' ? true : false)!\"\r\n [activity]=\"alert?.tipoAlerta! === 'Actividad' ? true : false\"\r\n [process]=\"alert?.tipoAlerta! === 'Proceso' ? true : false\"\r\n [body]=\"alert?.descripcion!\"\r\n (onDone)=\"onClickDone(alert.alertaID!)\"\r\n (onPostpone15Min)=\"onPostpone(alert, '15m')\"\r\n (onPostpone30Min)=\"onPostpone(alert, '30m')\"\r\n (onPostpone1Hour)=\"onPostpone(alert, '1h')\"\r\n (onPostpone1Day)=\"onPostpone(alert, '1d')\"\r\n (onPostpone1Week)=\"onPostpone(alert, '1w')\"\r\n ></ius-notification-card>\r\n </div>\r\n }\r\n <ius-simple-divider></ius-simple-divider>\r\n }@else {\r\n <div class=\"no-notifications\">\r\n <ius-icon-lg [iconName]=\"'icon-done-outline'\"></ius-icon-lg>\r\n <ius-simple-divider></ius-simple-divider>\r\n <p>No tienes ninguna nueva notificaci\u00F3n o alerta</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.create-container{height:calc(100vh - 60px);position:absolute;z-index:1000;width:390px;top:60px;right:0;background-color:#fff;border-radius:8px 0 0 8px;box-shadow:0 2px 6px 3px #00000026,0 1px 3px #0000004d}.header-drawer{display:flex;padding:12px 16px;align-items:center}.title-header-drawer{width:100%;font-family:Roboto,sans-serif;font-size:1.25rem;color:#333;line-height:26px;letter-spacing:.2px;font-weight:500;display:flex;justify-content:start;overflow:hidden;white-space:normal;text-overflow:ellipsis}.notification{padding:2px 5px}.no-notifications{display:flex;width:70%;padding:8px;flex-direction:column;align-items:center;align-self:center;justify-self:center;gap:12px;margin-top:24px}.no-notifications p{flex:1 0 0;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:#333;text-align:center;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.button-header-drawer{margin-left:3px;margin-top:1px}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:8px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"] }]
|
|
74
|
+
}], propDecorators: { alerts: [{
|
|
75
|
+
type: Input,
|
|
76
|
+
args: [{ required: true }]
|
|
77
|
+
}], titleDrawer: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], percentProgressBar: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], onDoneAlert: [{
|
|
82
|
+
type: Output
|
|
83
|
+
}], onPostponeAlert: [{
|
|
84
|
+
type: Output
|
|
85
|
+
}], onPressedBackEvent: [{
|
|
86
|
+
type: Output
|
|
87
|
+
}], onDrawerClosed: [{
|
|
88
|
+
type: Output
|
|
89
|
+
}] } });
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9ub3RpZmljYXRpb25zL25vdGlmaWNhdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDN0YsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDOUcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQTRCL0QsTUFBTSxPQUFPLHNCQUFzQjtJQXpCbkM7UUEwQjZCLFdBQU0sR0FBWSxFQUFFLENBQUM7UUFDdkMsZ0JBQVcsR0FBVyxjQUFjLENBQUM7UUFDckMsdUJBQWtCLEdBQVcsRUFBRSxDQUFDO1FBRS9CLGdCQUFXLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEQsb0JBQWUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCx1QkFBa0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzRCxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFcEQsY0FBUyxHQUFZLElBQUksQ0FBQztLQW1CM0I7SUFqQkMsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFZLEVBQUUsSUFBWTtRQUNuQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxXQUFXLENBQUMsUUFBZ0I7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEMsQ0FBQzsrR0E1QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsMFVDbENuQyxrL0RBaURBLGtpR0RyQ1kseUJBQXlCLHVSQUFFLHNCQUFzQiwrREFBRSw4QkFBOEIsaUlBQUUsUUFBUSw2Q0FBRSxlQUFlLHlFQUcxRztZQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7Z0JBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO29CQUNsQixTQUFTLEVBQUUsa0JBQWtCO29CQUM3QixPQUFPLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7Z0JBQ0gsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUM7b0JBQ2YsU0FBUyxFQUFFLGVBQWU7b0JBQzFCLE9BQU8sRUFBRSxDQUFDO2lCQUNYLENBQUMsQ0FBQztnQkFDSCxVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixPQUFPLENBQUMsZUFBZSxDQUFDO2lCQUN6QixDQUFDO2dCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7b0JBQ3RCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDMUIsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsc0JBQXNCO2tCQXpCbEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMseUJBQXlCLEVBQUUsc0JBQXNCLEVBQUUsOEJBQThCLEVBQUUsUUFBUSxFQUFFLGVBQWUsQ0FBQyxjQUczRzt3QkFDVixPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsU0FBUyxFQUFFLGtCQUFrQjtnQ0FDN0IsT0FBTyxFQUFFLENBQUM7NkJBQ1gsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDO2dDQUNmLFNBQVMsRUFBRSxlQUFlO2dDQUMxQixPQUFPLEVBQUUsQ0FBQzs2QkFDWCxDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQ0FDdEIsT0FBTyxDQUFDLGVBQWUsQ0FBQzs2QkFDekIsQ0FBQzs0QkFDRixVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixPQUFPLENBQUMsZ0JBQWdCLENBQUM7NkJBQzFCLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs4QkFHMEIsTUFBTTtzQkFBaEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBEYXRlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNpbXBsZURpdmlkZXJDb21wb25lbnQgfSBmcm9tIFwiLi4vc2ltcGxlLWRpdmlkZXIvc2ltcGxlLWRpdmlkZXIuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkNhcmRDb21wb25lbnQgfSBmcm9tIFwiLi4vbm90aWZpY2F0aW9uLWNhcmQvbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgSWNvbkxnQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbGcvaWNvbi1sZy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQWxlcnQgfSBmcm9tIFwiLi4vdG9vbGJhci90b29sYmFyLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtbm90aWZpY2F0aW9ucycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTm90aWZpY2F0aW9uQ2FyZENvbXBvbmVudCwgU2ltcGxlRGl2aWRlckNvbXBvbmVudCwgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50LCBEYXRlUGlwZSwgSWNvbkxnQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MnLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xyXG4gICAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknLFxyXG4gICAgICAgIG9wYWNpdHk6IDBcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcclxuICAgICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyxcclxuICAgICAgICBvcGFjaXR5OiAxXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzMwMG1zIGVhc2UtaW4nKVxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignKiA9PiB2b2lkJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzMwMG1zIGVhc2Utb3V0JylcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGFsZXJ0czogQWxlcnRbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHRpdGxlRHJhd2VyOiBzdHJpbmcgPSBcIlRpdGxlIERyYXdlclwiO1xyXG4gIEBJbnB1dCgpIHBlcmNlbnRQcm9ncmVzc0JhcjogbnVtYmVyID0gNTA7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkRvbmVBbGVydDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uUG9zdHBvbmVBbGVydDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uUHJlc3NlZEJhY2tFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uRHJhd2VyQ2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBpc1Zpc2libGU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBvbkFuaW1Eb25lKGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudC50b1N0YXRlID09PSAndm9pZCcpIHtcclxuICAgICAgdGhpcy5vbkRyYXdlckNsb3NlZC5lbWl0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblBvc3Rwb25lKGFsZXJ0OiBBbGVydCwgdGltZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLm9uUG9zdHBvbmVBbGVydC5lbWl0KHsgYWxlcnQsIHRpbWUgfSk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrRG9uZShhbGVydGFJRDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLm9uRG9uZUFsZXJ0LmVtaXQoYWxlcnRhSUQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYmFja2dyb3VuZC1kcmF3ZXJcIj5cclxuICBAaWYgKGlzVmlzaWJsZSkge1xyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwiY3JlYXRlLWNvbnRhaW5lclwiXHJcbiAgICBAc2xpZGVJbk91dFxyXG4gICAgKEBzbGlkZUluT3V0LmRvbmUpPVwib25BbmltRG9uZSgkZXZlbnQpXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWRyYXdlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtaGVhZGVyLWRyYXdlclwiPlBhbmVsIGRlIG5vdGlmaWNhY2lvbmVzPC9kaXY+XHJcbiAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICBbaWNvbk5hbWVdPVwiJ2ljb24tY2FuY2VsJ1wiXHJcbiAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xvc2UoKVwiXHJcbiAgICAgID48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGl1cy1zaW1wbGUtZGl2aWRlcj48L2l1cy1zaW1wbGUtZGl2aWRlcj5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJzY3JvbGxhYmxlLXNtYWxsXCJcclxuICAgICAgc3R5bGU9XCJoZWlnaHQ6IGNhbGMoMTAwJSAtIDY5cHgpOyBvdmVyZmxvdy15OiBhdXRvOyBwYWRkaW5nOiA1cHg7XCJcclxuICAgID5cclxuICAgICAgQGlmIChhbGVydHMubGVuZ3RoID4gMCkgeyBAZm9yIChhbGVydCBvZiBhbGVydHM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uXCI+XHJcbiAgICAgICAgPGl1cy1ub3RpZmljYXRpb24tY2FyZFxyXG4gICAgICAgICAgW2RhdGVdPVwiKGFsZXJ0Py5mZWNoYVJlZ2lzdHJvIHwgZGF0ZTonZCBcXCdkZVxcJyBNTU1NIFxcJ2RlXFwnIHknKSFcIlxyXG4gICAgICAgICAgW3RpdGxlXT1cImFsZXJ0Py50aXR1bG9cIlxyXG4gICAgICAgICAgW3NpbXBsZV09XCIoYWxlcnQ/LnRpcG9BbGVydGEhID09PSAnU2ltcGxlJyA/IHRydWUgOiBmYWxzZSkhIHx8IChhbGVydD8udGlwb0FsZXJ0YSEgPT09ICdIZXh0aScgPyB0cnVlIDogZmFsc2UpIVwiXHJcbiAgICAgICAgICBbYWN0aXZpdHldPVwiYWxlcnQ/LnRpcG9BbGVydGEhID09PSAnQWN0aXZpZGFkJyA/IHRydWUgOiBmYWxzZVwiXHJcbiAgICAgICAgICBbcHJvY2Vzc109XCJhbGVydD8udGlwb0FsZXJ0YSEgPT09ICdQcm9jZXNvJyA/IHRydWUgOiBmYWxzZVwiXHJcbiAgICAgICAgICBbYm9keV09XCJhbGVydD8uZGVzY3JpcGNpb24hXCJcclxuICAgICAgICAgIChvbkRvbmUpPVwib25DbGlja0RvbmUoYWxlcnQuYWxlcnRhSUQhKVwiXHJcbiAgICAgICAgICAob25Qb3N0cG9uZTE1TWluKT1cIm9uUG9zdHBvbmUoYWxlcnQsICcxNW0nKVwiXHJcbiAgICAgICAgICAob25Qb3N0cG9uZTMwTWluKT1cIm9uUG9zdHBvbmUoYWxlcnQsICczMG0nKVwiXHJcbiAgICAgICAgICAob25Qb3N0cG9uZTFIb3VyKT1cIm9uUG9zdHBvbmUoYWxlcnQsICcxaCcpXCJcclxuICAgICAgICAgIChvblBvc3Rwb25lMURheSk9XCJvblBvc3Rwb25lKGFsZXJ0LCAnMWQnKVwiXHJcbiAgICAgICAgICAob25Qb3N0cG9uZTFXZWVrKT1cIm9uUG9zdHBvbmUoYWxlcnQsICcxdycpXCJcclxuICAgICAgICA+PC9pdXMtbm90aWZpY2F0aW9uLWNhcmQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICAgIDxpdXMtc2ltcGxlLWRpdmlkZXI+PC9pdXMtc2ltcGxlLWRpdmlkZXI+XHJcbiAgICAgIH1AZWxzZSB7XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJuby1ub3RpZmljYXRpb25zXCI+XHJcbiAgICAgICAgPGl1cy1pY29uLWxnIFtpY29uTmFtZV09XCInaWNvbi1kb25lLW91dGxpbmUnXCI+PC9pdXMtaWNvbi1sZz5cclxuICAgICAgICA8aXVzLXNpbXBsZS1kaXZpZGVyPjwvaXVzLXNpbXBsZS1kaXZpZGVyPlxyXG4gICAgICAgIDxwPk5vIHRpZW5lcyBuaW5ndW5hIG51ZXZhIG5vdGlmaWNhY2nDs24gbyBhbGVydGE8L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './support-panel.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9zdXBwb3J0LXBhbmVsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1cHBvcnQtcGFuZWwuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { SectionCollapseDrawerParentComponent } from "../section-collapse-drawer-parent/section-collapse-drawer-parent.component";
|
|
3
|
+
import { DrawerContainerRightComponent } from "../drawer-container-right/drawer-container-right.component";
|
|
4
|
+
import { ButtonStandardTertiaryComponent } from "../button-standard-tertiary/button-standard-tertiary.component";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SupportPanelComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.onCloseForm = new EventEmitter();
|
|
9
|
+
this.onClickAddTicket = new EventEmitter();
|
|
10
|
+
this.onClickShowTickets = new EventEmitter();
|
|
11
|
+
this.percentProgressBar = 100;
|
|
12
|
+
this.isExpandSupportTicket = true;
|
|
13
|
+
this.isExpandQuestion = false;
|
|
14
|
+
}
|
|
15
|
+
onExpandSupportTicket() {
|
|
16
|
+
this.isExpandSupportTicket = true;
|
|
17
|
+
this.isExpandQuestion = false;
|
|
18
|
+
}
|
|
19
|
+
onExpandQuestion() {
|
|
20
|
+
this.isExpandSupportTicket = false;
|
|
21
|
+
this.isExpandQuestion = true;
|
|
22
|
+
}
|
|
23
|
+
onClose() {
|
|
24
|
+
this.onCloseForm.emit();
|
|
25
|
+
}
|
|
26
|
+
onAddTicket() {
|
|
27
|
+
this.onClickAddTicket.emit();
|
|
28
|
+
}
|
|
29
|
+
onShowTickets() {
|
|
30
|
+
this.onClickShowTickets.emit();
|
|
31
|
+
}
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SupportPanelComponent, isStandalone: true, selector: "ius-support-panel", outputs: { onCloseForm: "onCloseForm", onClickAddTicket: "onClickAddTicket", onClickShowTickets: "onClickShowTickets" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:0 12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"], dependencies: [{ kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
34
|
+
}
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'ius-support-panel', standalone: true, imports: [DrawerContainerRightComponent, SectionCollapseDrawerParentComponent, ButtonStandardTertiaryComponent], template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:0 12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"] }]
|
|
38
|
+
}], propDecorators: { onCloseForm: [{
|
|
39
|
+
type: Output
|
|
40
|
+
}], onClickAddTicket: [{
|
|
41
|
+
type: Output
|
|
42
|
+
}], onClickShowTickets: [{
|
|
43
|
+
type: Output
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VwcG9ydC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9zdXBwb3J0LXBhbmVsL3N1cHBvcnQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc3VwcG9ydC1wYW5lbC9zdXBwb3J0LXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQztBQUNsSSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7QUFTakgsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVNZLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckQscUJBQWdCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDMUQsdUJBQWtCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEUsdUJBQWtCLEdBQUcsR0FBRyxDQUFDO1FBQ3pCLDBCQUFxQixHQUFFLElBQUksQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7S0F1QjFCO0lBckJDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFDaEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQzsrR0E5QlUscUJBQXFCO21HQUFyQixxQkFBcUIsc01DWmxDLDh1REE2QjZCLCt0RURyQmpCLDZCQUE2Qix5S0FBRSxvQ0FBb0Msc0tBQUUsK0JBQStCOzs0RkFJbkcscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyw2QkFBNkIsRUFBRSxvQ0FBb0MsRUFBRSwrQkFBK0IsQ0FBQzs4QkFNckcsV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTZWN0aW9uQ29sbGFwc2VEcmF3ZXJQYXJlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50L3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyQ29udGFpbmVyUmlnaHRDb21wb25lbnQgfSBmcm9tIFwiLi4vZHJhd2VyLWNvbnRhaW5lci1yaWdodC9kcmF3ZXItY29udGFpbmVyLXJpZ2h0LmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TdGFuZGFyZFRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS9idXR0b24tc3RhbmRhcmQtdGVydGlhcnkuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zdXBwb3J0LXBhbmVsJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtEcmF3ZXJDb250YWluZXJSaWdodENvbXBvbmVudCwgU2VjdGlvbkNvbGxhcHNlRHJhd2VyUGFyZW50Q29tcG9uZW50LCBCdXR0b25TdGFuZGFyZFRlcnRpYXJ5Q29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3VwcG9ydC1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3N1cHBvcnQtcGFuZWwuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdXBwb3J0UGFuZWxDb21wb25lbnQge1xyXG5cclxuICBAT3V0cHV0KCkgb25DbG9zZUZvcm06IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0FkZFRpY2tldDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrU2hvd1RpY2tldHM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcGVyY2VudFByb2dyZXNzQmFyID0gMTAwO1xyXG4gIGlzRXhwYW5kU3VwcG9ydFRpY2tldD0gdHJ1ZTtcclxuICBpc0V4cGFuZFF1ZXN0aW9uID0gZmFsc2U7XHJcblxyXG4gIG9uRXhwYW5kU3VwcG9ydFRpY2tldCgpIHtcclxuICAgIHRoaXMuaXNFeHBhbmRTdXBwb3J0VGlja2V0ID0gdHJ1ZTtcclxuICAgIHRoaXMuaXNFeHBhbmRRdWVzdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgb25FeHBhbmRRdWVzdGlvbigpIHtcclxuICAgIHRoaXMuaXNFeHBhbmRTdXBwb3J0VGlja2V0ID0gZmFsc2U7XHJcbiAgICB0aGlzLmlzRXhwYW5kUXVlc3Rpb24gPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25DbG9zZSgpIHtcclxuICAgIHRoaXMub25DbG9zZUZvcm0uZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgb25BZGRUaWNrZXQoKSB7XHJcbiAgICB0aGlzLm9uQ2xpY2tBZGRUaWNrZXQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgb25TaG93VGlja2V0cygpIHtcclxuICAgIHRoaXMub25DbGlja1Nob3dUaWNrZXRzLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGl1cy1kcmF3ZXItY29udGFpbmVyLXJpZ2h0IFt0aXRsZURyYXdlcl09XCInUGFuZWwgZGUgc29wb3J0ZSB5IGF5dWRhJ1wiIChvbkRyYXdlckNsb3NlZCk9XCJvbkNsb3NlKClcIlxyXG4gICAgW3BlcmNlbnRQcm9ncmVzc0Jhcl09XCIwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0gYmV0d2Vlbi14c1wiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItZ2VuZXJhbFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj5QYW5lbCBkZSBzb3BvcnRlIHkgYXl1ZGE8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXRleHRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9keS1iYXNlLTFcIj7CoUhvbGEsIGFxdcOtIGVuY29udHJhcmFzIHNvbHVjaW9uZXMgY2xhcmFzIHkgYWNvbXBhw7FhbWllbnRvIHNpZW1wcmUgcXVlIGxvXHJcbiAgICAgICAgICAgICAgICAgICAgcmVxdWllcmFzITwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxpdXMtc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50IHRleHRUaXRsZT1cIlRpY2tldHMgZGUgc29wb3J0ZVwiIFtkaXNhYmxlZF09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICBbaXNBY3RpdmVdPVwiaXNFeHBhbmRTdXBwb3J0VGlja2V0XCIgKGJ1dHRvbkNsaWNrZWQpPVwib25FeHBhbmRTdXBwb3J0VGlja2V0KClcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGl1cy1idXR0b24tc3RhbmRhcmQtdGVydGlhcnkgW2ljb25OYW1lXT1cIidpY29uLXRpY2tldCdcIiAoYnV0dG9uQ2xpY2tlZCk9XCJvblNob3dUaWNrZXRzKClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+Q29uc3VsdGFyIG1pcyB0aWNrZXRzPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvaXVzLWJ1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeT5cclxuICAgICAgICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeSBbaWNvbk5hbWVdPVwiJ2ljb24tYWRkJ1wiIChidXR0b25DbGlja2VkKT1cIm9uQWRkVGlja2V0KClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+UmFkaWNhciBudWV2byB0aWNrZXQgZGUgc29wb3J0ZTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2l1cy1idXR0b24tc3RhbmRhcmQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9pdXMtc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50PlxyXG4gICAgICAgICAgICA8aXVzLXNlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCB0ZXh0VGl0bGU9XCJQcmVndW50YXMgZnJlY3VlbnRlc1wiIFtkaXNhYmxlZF09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICBbaXNBY3RpdmVdPVwiaXNFeHBhbmRRdWVzdGlvblwiIChidXR0b25DbGlja2VkKT1cIm9uRXhwYW5kUXVlc3Rpb24oKVwiPlxyXG4gICAgICAgICAgICA8L2l1cy1zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9pdXMtZHJhd2VyLWNvbnRhaW5lci1yaWdodD4iXX0=
|