ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
81 lines • 38.9 kB
JavaScript
import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class OCollapseComponent {
constructor() {
this.identifier = 'collapse';
this.isWhite = false;
this.isCollapsed = true;
this.selectedItemChange = new EventEmitter();
this.itemInputList = [];
this.itemInfoList = [];
}
isTextArray() {
return Array.isArray(this.content);
}
textArray() {
const description = this.content;
return Array.isArray(description) ? description : [description];
}
ngOnChanges() {
this.itemInputList = [];
this.itemInfoList = [];
if (this.children && this.children.length > 0) {
let hasInputChild = false;
for (const child of this.children) {
if ('value' in child && child.value !== undefined) {
this.itemInputList.push(child);
hasInputChild = true;
}
}
if (!hasInputChild) {
for (const child of this.children) {
this.itemInfoList.push(child);
}
}
}
}
toggleValue(child) {
child.value = true;
this.selectedItemChange.emit(child);
}
}
OCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseComponent, selector: "o-collapse", inputs: { identifier: "identifier", dataParent: "dataParent", isWhite: "isWhite", customClasses: "customClasses", children: "children", customClassesContent: "customClassesContent", content: "content", customClassesHeader: "customClassesHeader", icon: "icon", label: "label", title: "title", isTitleAlone: "isTitleAlone", subtitle: "subtitle" }, outputs: { selectedItemChange: "selectedItemChange" }, queries: [{ propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"accordion\" [class.accordion-white]=\"isWhite\" [id]=\"dataParent ? dataParent : null\">\r\n <div class=\"card\" [ngClass]=\"customClasses\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <ng-container *ngIf=\"!title || !label || !subtitle || !icon\">\r\n <ng-content select=\"o-collapse-header\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"title || label || subtitle || icon\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifier\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClassesHeader\"\r\n >\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"icon!\"></i>\r\n <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n <!-- label -->\r\n <span *ngIf=\"label\" class=\"collapse-label\">{{ label }}</span>\r\n <!-- title -->\r\n <ng-container *ngIf=\"isTitleAlone; else titleNotAlone\">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template #titleNotAlone>\r\n <span *ngIf=\"title\" class=\"collapse-title\">{{ title }}</span>\r\n </ng-template>\r\n <!-- subtitle -->\r\n <span *ngIf=\"subtitle\" class=\"collapse-subtitle\">{{ subtitle }}</span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!content || !children\">\r\n <ng-content select=\"o-collapse-content\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"content || children\">\r\n <div [id]=\"identifier\" class=\"collapse\" [attr.data-parent]=\"dataParent ? '#' + dataParent : null\">\r\n <!-- Items de tipo texto -->\r\n <div class=\"card-body\" *ngIf=\"content\">\r\n <p class=\"mb-0\" *ngIf=\"!content; else isAarray\" [innerHTML]=\"content\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"mb-0\" *ngFor=\"let item of textArray()\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n </div>\r\n <!-- Items de tipo info -->\r\n <div class=\"card-body\" *ngIf=\"itemInfoList.length > 0\">\r\n <ng-container *ngFor=\"let itemInfo of itemInfoList; let isLastItem = last\">\r\n <small class=\"text-success\">{{ itemInfo.label }}</small>\r\n <span>{{ itemInfo.title }}</span>\r\n <small>{{ itemInfo.subtitle }}</small>\r\n <hr *ngIf=\"!isLastItem\" />\r\n </ng-container>\r\n </div>\r\n <!-- Items de tipo input -->\r\n <form class=\"card-body\" *ngIf=\"itemInputList.length > 0\">\r\n <ng-container *ngFor=\"let itemInput of itemInputList; let isLastIinput = last\">\r\n <label class=\"card-details\" [for]=\"itemInput.id\">\r\n <i *ngIf=\"itemInput.icon && itemInput.icon.includes('bx')\" [ngClass]=\"itemInput.icon!\"></i>\r\n <span\r\n *ngIf=\"itemInput.icon && !itemInput.icon.includes('bx')\"\r\n class=\"material-icons-round\"\r\n aria-hidden=\"true\"\r\n >{{ itemInput.icon }}</span\r\n >\r\n <div class=\"card-details-content\">\r\n <span>{{ itemInput.title }}</span>\r\n <small>{{ itemInput.subtitle }}</small>\r\n </div>\r\n <input\r\n type=\"radio\"\r\n class=\"form-radio\"\r\n [name]=\"itemInput.name\"\r\n [id]=\"itemInput.id\"\r\n [checked]=\"itemInput.value\"\r\n (click)=\"toggleValue(itemInput)\"\r\n />\r\n </label>\r\n <hr *ngIf=\"!isLastIinput\" />\r\n </ng-container>\r\n </form>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"></ng-container>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .accordion>.card{margin-bottom:.75rem;box-shadow:0 0 0 2px #e6ebf0;overflow:visible}::ng-deep .accordion>.card .card-header{width:100%;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";background-color:#007bc7;border-width:0;text-align:left;padding:.75rem 3.75rem .75rem 1.5rem;transition:background-color .2s;border-radius:.5rem .5rem 0 0;position:relative;z-index:1;color:#fff;min-height:48px;display:grid;grid-template-areas:\"icon label\" \"icon title\" \"icon subtitle\";grid-template-columns:auto 1fr;grid-column-gap:0;grid-row-gap:0;align-items:center;word-break:break-word;font-size:1.25rem;line-height:1.5rem;font-weight:700}::ng-deep .accordion>.card .card-header:after{content:\"\";height:1.75rem;width:1.75rem;min-width:1.75rem;position:absolute;right:24px;top:50%;transform:translateY(-50%)}::ng-deep .accordion>.card .card-header i,::ng-deep .accordion>.card .card-header .material-icons-round,::ng-deep .accordion>.card .card-header o-collapse-icon{display:inline-block;font-size:1.75rem;width:1.75rem;min-width:1.75rem;height:1.75rem;grid-area:icon;margin-right:.75rem}::ng-deep .accordion>.card .card-header .collapse-label,::ng-deep .accordion>.card .card-header .collpase-title,::ng-deep .accordion>.card .card-header o-collapse-label{grid-area:label;margin-bottom:.25rem;font-size:14px;line-height:20px;font-weight:400;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";word-break:break-word}::ng-deep .accordion>.card .card-header .collapse-title,::ng-deep .accordion>.card .card-header .collpase-subtitle,::ng-deep .accordion>.card .card-header o-collapse-title{grid-area:title;font-size:1.25rem;line-height:1.5rem;font-weight:700;margin-bottom:0;word-break:break-word}::ng-deep .accordion>.card .card-header .collapse-subtitle,::ng-deep .accordion>.card .card-header o-collapse-subtitle{grid-area:subtitle;margin-top:.25rem;font-size:16px;line-height:24px;font-weight:400;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";word-break:break-word}::ng-deep .accordion>.card .card-header:after{margin-left:auto;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(0, 123, 199);transform: ;msFilter:;\"><path d=\"M5 11h14v2H5z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header:focus,::ng-deep .accordion>.card .card-header.focus{outline:none;box-shadow:0 0 0 4px #005386;border-radius:.25rem}::ng-deep .accordion>.card .card-header:after{float:right;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(255, 255, 255, 1);transform: ;msFilter:;\"><path d=\"M5 11h14v2H5z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header.collapsed{border-radius:.5rem;background-color:#f3f6f9;color:#38485c;position:relative;backface-visibility:hidden}::ng-deep .accordion>.card .card-header.collapsed:hover,::ng-deep .accordion>.card .card-header.collapsed.hover{background-color:#f3f6f9;color:#007bc7;box-shadow:0 0 0 2px #007bc7;backface-visibility:visible}::ng-deep .accordion>.card .card-header.collapsed:hover+*>.card-body,::ng-deep .accordion>.card .card-header.collapsed.hover+*>.card-body{border-color:#f3f6f9}::ng-deep .accordion>.card .card-header.collapsed:hover:after,::ng-deep .accordion>.card .card-header.collapsed.hover:after{display:inline-block;vertical-align:middle;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(0, 123, 199);transform: ;msFilter:;\"><path d=\"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header.collapsed:after{display:inline-block;vertical-align:middle;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMkQ0MDUwIiBkPSJNMTkgMTFMMTMgMTEgMTMgNSAxMSA1IDExIDExIDUgMTEgNSAxMyAxMSAxMyAxMSAxOSAxMyAxOSAxMyAxMyAxOSAxM3oiLz48L3N2Zz4=) no-repeat center center}::ng-deep .accordion>.card .card-header.card-info>br{display:none}::ng-deep .accordion>.card .card-body{padding:1rem 1.5rem;border:none}::ng-deep .accordion>.card .card-body span:not(.material-icons-round){font-size:1.125rem;font-weight:600;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";line-height:1.5rem;display:block;margin-bottom:0}::ng-deep .accordion>.card .card-body p:last-of-type{margin-bottom:0}::ng-deep .accordion>.card .card-body hr{margin-top:1rem;margin-bottom:1rem}::ng-deep .accordion>.card .card-body>label.card-details{cursor:pointer;margin-bottom:0}::ng-deep .accordion>.card .card-body .card-details{display:flex;align-items:center;gap:.75rem}::ng-deep .accordion>.card .card-body .card-details .card-details-content{display:grid;grid-column-gap:1rem;width:95%}@media screen and (max-width: 592px){::ng-deep .accordion>.card .card-body .card-details .card-details-content{width:70%}}::ng-deep .accordion>.card .card-body .card-details .card-details-content>h5{margin-bottom:0;font-size:1.125rem;font-weight:600;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";line-height:1.5rem}::ng-deep .accordion>.card .card-body .card-details i,::ng-deep .accordion>.card .card-body .card-details .material-icons-round{margin:auto 0;font-size:1.5rem}::ng-deep .accordion>.card .card-body .card-details .form-radio{cursor:pointer;margin-left:auto;width:1.25rem;min-width:1.25rem;height:1.25rem;appearance:none;background-color:#fff;font:inherit;color:currentColor;border:2px solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}::ng-deep .accordion>.card .card-body .card-details .form-radio:checked{border-color:#007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:checked:before{transform:scale(1)}::ng-deep .accordion>.card .card-body .card-details .form-radio:before{content:\"\";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem #007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:focus,::ng-deep .accordion>.card .card-body .card-details .form-radio:focus-visible{background-color:#007bc7;box-shadow:0 0 0 7px #005386,inset 0 0 0 3.4px #fff;outline:3px solid white;outline-offset:0px;border-color:#007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:hover{border-color:#007bc7}::ng-deep .accordion.accordion-white>.card{border-radius:.5rem}::ng-deep .accordion.accordion-white>.card .card-header.collapsed{background:white}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse', template: "<div class=\"accordion\" [class.accordion-white]=\"isWhite\" [id]=\"dataParent ? dataParent : null\">\r\n <div class=\"card\" [ngClass]=\"customClasses\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <ng-container *ngIf=\"!title || !label || !subtitle || !icon\">\r\n <ng-content select=\"o-collapse-header\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"title || label || subtitle || icon\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifier\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClassesHeader\"\r\n >\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"icon!\"></i>\r\n <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n <!-- label -->\r\n <span *ngIf=\"label\" class=\"collapse-label\">{{ label }}</span>\r\n <!-- title -->\r\n <ng-container *ngIf=\"isTitleAlone; else titleNotAlone\">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template #titleNotAlone>\r\n <span *ngIf=\"title\" class=\"collapse-title\">{{ title }}</span>\r\n </ng-template>\r\n <!-- subtitle -->\r\n <span *ngIf=\"subtitle\" class=\"collapse-subtitle\">{{ subtitle }}</span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!content || !children\">\r\n <ng-content select=\"o-collapse-content\"></ng-content>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"content || children\">\r\n <div [id]=\"identifier\" class=\"collapse\" [attr.data-parent]=\"dataParent ? '#' + dataParent : null\">\r\n <!-- Items de tipo texto -->\r\n <div class=\"card-body\" *ngIf=\"content\">\r\n <p class=\"mb-0\" *ngIf=\"!content; else isAarray\" [innerHTML]=\"content\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"mb-0\" *ngFor=\"let item of textArray()\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n </div>\r\n <!-- Items de tipo info -->\r\n <div class=\"card-body\" *ngIf=\"itemInfoList.length > 0\">\r\n <ng-container *ngFor=\"let itemInfo of itemInfoList; let isLastItem = last\">\r\n <small class=\"text-success\">{{ itemInfo.label }}</small>\r\n <span>{{ itemInfo.title }}</span>\r\n <small>{{ itemInfo.subtitle }}</small>\r\n <hr *ngIf=\"!isLastItem\" />\r\n </ng-container>\r\n </div>\r\n <!-- Items de tipo input -->\r\n <form class=\"card-body\" *ngIf=\"itemInputList.length > 0\">\r\n <ng-container *ngFor=\"let itemInput of itemInputList; let isLastIinput = last\">\r\n <label class=\"card-details\" [for]=\"itemInput.id\">\r\n <i *ngIf=\"itemInput.icon && itemInput.icon.includes('bx')\" [ngClass]=\"itemInput.icon!\"></i>\r\n <span\r\n *ngIf=\"itemInput.icon && !itemInput.icon.includes('bx')\"\r\n class=\"material-icons-round\"\r\n aria-hidden=\"true\"\r\n >{{ itemInput.icon }}</span\r\n >\r\n <div class=\"card-details-content\">\r\n <span>{{ itemInput.title }}</span>\r\n <small>{{ itemInput.subtitle }}</small>\r\n </div>\r\n <input\r\n type=\"radio\"\r\n class=\"form-radio\"\r\n [name]=\"itemInput.name\"\r\n [id]=\"itemInput.id\"\r\n [checked]=\"itemInput.value\"\r\n (click)=\"toggleValue(itemInput)\"\r\n />\r\n </label>\r\n <hr *ngIf=\"!isLastIinput\" />\r\n </ng-container>\r\n </form>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"></ng-container>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .accordion>.card{margin-bottom:.75rem;box-shadow:0 0 0 2px #e6ebf0;overflow:visible}::ng-deep .accordion>.card .card-header{width:100%;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";background-color:#007bc7;border-width:0;text-align:left;padding:.75rem 3.75rem .75rem 1.5rem;transition:background-color .2s;border-radius:.5rem .5rem 0 0;position:relative;z-index:1;color:#fff;min-height:48px;display:grid;grid-template-areas:\"icon label\" \"icon title\" \"icon subtitle\";grid-template-columns:auto 1fr;grid-column-gap:0;grid-row-gap:0;align-items:center;word-break:break-word;font-size:1.25rem;line-height:1.5rem;font-weight:700}::ng-deep .accordion>.card .card-header:after{content:\"\";height:1.75rem;width:1.75rem;min-width:1.75rem;position:absolute;right:24px;top:50%;transform:translateY(-50%)}::ng-deep .accordion>.card .card-header i,::ng-deep .accordion>.card .card-header .material-icons-round,::ng-deep .accordion>.card .card-header o-collapse-icon{display:inline-block;font-size:1.75rem;width:1.75rem;min-width:1.75rem;height:1.75rem;grid-area:icon;margin-right:.75rem}::ng-deep .accordion>.card .card-header .collapse-label,::ng-deep .accordion>.card .card-header .collpase-title,::ng-deep .accordion>.card .card-header o-collapse-label{grid-area:label;margin-bottom:.25rem;font-size:14px;line-height:20px;font-weight:400;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";word-break:break-word}::ng-deep .accordion>.card .card-header .collapse-title,::ng-deep .accordion>.card .card-header .collpase-subtitle,::ng-deep .accordion>.card .card-header o-collapse-title{grid-area:title;font-size:1.25rem;line-height:1.5rem;font-weight:700;margin-bottom:0;word-break:break-word}::ng-deep .accordion>.card .card-header .collapse-subtitle,::ng-deep .accordion>.card .card-header o-collapse-subtitle{grid-area:subtitle;margin-top:.25rem;font-size:16px;line-height:24px;font-weight:400;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";word-break:break-word}::ng-deep .accordion>.card .card-header:after{margin-left:auto;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(0, 123, 199);transform: ;msFilter:;\"><path d=\"M5 11h14v2H5z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header:focus,::ng-deep .accordion>.card .card-header.focus{outline:none;box-shadow:0 0 0 4px #005386;border-radius:.25rem}::ng-deep .accordion>.card .card-header:after{float:right;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(255, 255, 255, 1);transform: ;msFilter:;\"><path d=\"M5 11h14v2H5z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header.collapsed{border-radius:.5rem;background-color:#f3f6f9;color:#38485c;position:relative;backface-visibility:hidden}::ng-deep .accordion>.card .card-header.collapsed:hover,::ng-deep .accordion>.card .card-header.collapsed.hover{background-color:#f3f6f9;color:#007bc7;box-shadow:0 0 0 2px #007bc7;backface-visibility:visible}::ng-deep .accordion>.card .card-header.collapsed:hover+*>.card-body,::ng-deep .accordion>.card .card-header.collapsed.hover+*>.card-body{border-color:#f3f6f9}::ng-deep .accordion>.card .card-header.collapsed:hover:after,::ng-deep .accordion>.card .card-header.collapsed.hover:after{display:inline-block;vertical-align:middle;background:transparent url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" style=\"fill: rgba(0, 123, 199);transform: ;msFilter:;\"><path d=\"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z\"></path></svg>') no-repeat center center}::ng-deep .accordion>.card .card-header.collapsed:after{display:inline-block;vertical-align:middle;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMkQ0MDUwIiBkPSJNMTkgMTFMMTMgMTEgMTMgNSAxMSA1IDExIDExIDUgMTEgNSAxMyAxMSAxMyAxMSAxOSAxMyAxOSAxMyAxMyAxOSAxM3oiLz48L3N2Zz4=) no-repeat center center}::ng-deep .accordion>.card .card-header.card-info>br{display:none}::ng-deep .accordion>.card .card-body{padding:1rem 1.5rem;border:none}::ng-deep .accordion>.card .card-body span:not(.material-icons-round){font-size:1.125rem;font-weight:600;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";line-height:1.5rem;display:block;margin-bottom:0}::ng-deep .accordion>.card .card-body p:last-of-type{margin-bottom:0}::ng-deep .accordion>.card .card-body hr{margin-top:1rem;margin-bottom:1rem}::ng-deep .accordion>.card .card-body>label.card-details{cursor:pointer;margin-bottom:0}::ng-deep .accordion>.card .card-body .card-details{display:flex;align-items:center;gap:.75rem}::ng-deep .accordion>.card .card-body .card-details .card-details-content{display:grid;grid-column-gap:1rem;width:95%}@media screen and (max-width: 592px){::ng-deep .accordion>.card .card-body .card-details .card-details-content{width:70%}}::ng-deep .accordion>.card .card-body .card-details .card-details-content>h5{margin-bottom:0;font-size:1.125rem;font-weight:600;font-family:Nunito,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";line-height:1.5rem}::ng-deep .accordion>.card .card-body .card-details i,::ng-deep .accordion>.card .card-body .card-details .material-icons-round{margin:auto 0;font-size:1.5rem}::ng-deep .accordion>.card .card-body .card-details .form-radio{cursor:pointer;margin-left:auto;width:1.25rem;min-width:1.25rem;height:1.25rem;appearance:none;background-color:#fff;font:inherit;color:currentColor;border:2px solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}::ng-deep .accordion>.card .card-body .card-details .form-radio:checked{border-color:#007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:checked:before{transform:scale(1)}::ng-deep .accordion>.card .card-body .card-details .form-radio:before{content:\"\";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem #007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:focus,::ng-deep .accordion>.card .card-body .card-details .form-radio:focus-visible{background-color:#007bc7;box-shadow:0 0 0 7px #005386,inset 0 0 0 3.4px #fff;outline:3px solid white;outline-offset:0px;border-color:#007bc7}::ng-deep .accordion>.card .card-body .card-details .form-radio:hover{border-color:#007bc7}::ng-deep .accordion.accordion-white>.card{border-radius:.5rem}::ng-deep .accordion.accordion-white>.card .card-header.collapsed{background:white}\n"] }]
}], propDecorators: { identifier: [{
type: Input
}], dataParent: [{
type: Input
}], isWhite: [{
type: Input
}], customClasses: [{
type: Input
}], children: [{
type: Input
}], customClassesContent: [{
type: Input
}], content: [{
type: Input
}], customClassesHeader: [{
type: Input
}], icon: [{
type: Input
}], label: [{
type: Input
}], title: [{
type: Input
}], isTitleAlone: [{
type: Input
}], subtitle: [{
type: Input
}], selectedItemChange: [{
type: Output
}], oCustomContent: [{
type: ContentChild,
args: [OCustomContentDirective, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jb2xsYXBzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vY29sbGFwc2Uvby1jb2xsYXBzZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vY29sbGFwc2Uvby1jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVoRyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBTzFFLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNa0IsZUFBVSxHQUFXLFVBQVUsQ0FBQztRQUVoQyxZQUFPLEdBQWEsS0FBSyxDQUFDO1FBYTFDLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBRUYsdUJBQWtCLEdBQWlDLElBQUksWUFBWSxFQUFrQixDQUFDO1FBYWhHLGtCQUFhLEdBQXFCLEVBQUUsQ0FBQztRQUNyQyxpQkFBWSxHQUFlLEVBQUUsQ0FBQztLQStCdEM7SUF6Q0MsV0FBVztRQUNULE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELFNBQVM7UUFDUCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBUSxDQUFDO1FBQ2xDLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFLRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7UUFFdkIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDMUIsS0FBSyxNQUFNLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNqQyxJQUFJLE9BQU8sSUFBSSxLQUFLLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7b0JBQ2pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQXVCLENBQUMsQ0FBQztvQkFDakQsYUFBYSxHQUFHLElBQUksQ0FBQztpQkFDdEI7YUFDRjtZQUVELElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ2xCLEtBQUssTUFBTSxLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBdUIsQ0FBQyxDQUFDO2lCQUNqRDthQUNGO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLEtBQXFCO1FBQ3RDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7K0dBMURVLGtCQUFrQjttR0FBbEIsa0JBQWtCLCtlQW9CZix1QkFBdUIsbUZDN0J2Qyw4bElBc0ZBOzJGRDdFYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWTs4QkFLTixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLO2dCQUVVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsbUJBQW1CO3NCQUFsQyxLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFJVyxrQkFBa0I7c0JBQWxDLE1BQU07Z0JBRWtELGNBQWM7c0JBQXRFLFlBQVk7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbGxhcHNlSW5wdXRzLCBDb2xsYXBzZSwgQ29sbGFwc2VJdGVtcyB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2NvcmUvbW9kZWxzJztcclxuaW1wb3J0IHsgT0N1c3RvbUNvbnRlbnREaXJlY3RpdmUgfSBmcm9tICduZ3gtb2JlbGlzY28tZXhhbXBsZS9kaXJlY3RpdmVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnby1jb2xsYXBzZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL28tY29sbGFwc2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL28tY29sbGFwc2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0NvbGxhcHNlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBwdWJsaWMgaWRlbnRpZmllcjogc3RyaW5nID0gJ2NvbGxhcHNlJztcclxuICBASW5wdXQoKSBwdWJsaWMgZGF0YVBhcmVudCE6IHN0cmluZztcclxuICBASW5wdXQoKSBwdWJsaWMgaXNXaGl0ZT86IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlcz86IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgcHVibGljIGNoaWxkcmVuPzogQ29sbGFwc2VJdGVtc1tdIHwgQ29sbGFwc2VJbnB1dHNbXTtcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlc0NvbnRlbnQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbnRlbnQ/OiBzdHJpbmcgfCBzdHJpbmdbXTtcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlc0hlYWRlcj86IHN0cmluZztcclxuICBASW5wdXQoKSBwdWJsaWMgaWNvbj86IHN0cmluZztcclxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc1RpdGxlQWxvbmU/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzdWJ0aXRsZT86IHN0cmluZztcclxuXHJcbiAgaXNDb2xsYXBzZWQgPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KCkgcHVibGljIHNlbGVjdGVkSXRlbUNoYW5nZTogRXZlbnRFbWl0dGVyPENvbGxhcHNlSW5wdXRzPiA9IG5ldyBFdmVudEVtaXR0ZXI8Q29sbGFwc2VJbnB1dHM+KCk7XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoT0N1c3RvbUNvbnRlbnREaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIG9DdXN0b21Db250ZW50PzogT0N1c3RvbUNvbnRlbnREaXJlY3RpdmU7XHJcblxyXG4gIGlzVGV4dEFycmF5KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIEFycmF5LmlzQXJyYXkodGhpcy5jb250ZW50KTtcclxuICB9XHJcblxyXG4gIHRleHRBcnJheSgpOiBzdHJpbmdbXSB7XHJcbiAgICBjb25zdCBkZXNjcmlwdGlvbiA9IHRoaXMuY29udGVudCE7XHJcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheShkZXNjcmlwdGlvbikgPyBkZXNjcmlwdGlvbiA6IFtkZXNjcmlwdGlvbl07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaXRlbUlucHV0TGlzdDogQ29sbGFwc2VJbnB1dHNbXSA9IFtdO1xyXG4gIHB1YmxpYyBpdGVtSW5mb0xpc3Q6IENvbGxhcHNlW10gPSBbXTtcclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICB0aGlzLml0ZW1JbnB1dExpc3QgPSBbXTtcclxuICAgIHRoaXMuaXRlbUluZm9MaXN0ID0gW107XHJcblxyXG4gICAgaWYgKHRoaXMuY2hpbGRyZW4gJiYgdGhpcy5jaGlsZHJlbi5sZW5ndGggPiAwKSB7XHJcbiAgICAgIGxldCBoYXNJbnB1dENoaWxkID0gZmFsc2U7XHJcbiAgICAgIGZvciAoY29uc3QgY2hpbGQgb2YgdGhpcy5jaGlsZHJlbikge1xyXG4gICAgICAgIGlmICgndmFsdWUnIGluIGNoaWxkICYmIGNoaWxkLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgIHRoaXMuaXRlbUlucHV0TGlzdC5wdXNoKGNoaWxkIGFzIENvbGxhcHNlSW5wdXRzKTtcclxuICAgICAgICAgIGhhc0lucHV0Q2hpbGQgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG5cclxuICAgICAgaWYgKCFoYXNJbnB1dENoaWxkKSB7XHJcbiAgICAgICAgZm9yIChjb25zdCBjaGlsZCBvZiB0aGlzLmNoaWxkcmVuKSB7XHJcbiAgICAgICAgICB0aGlzLml0ZW1JbmZvTGlzdC5wdXNoKGNoaWxkIGFzIENvbGxhcHNlSW5wdXRzKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVWYWx1ZShjaGlsZDogQ29sbGFwc2VJbnB1dHMpIHtcclxuICAgIGNoaWxkLnZhbHVlID0gdHJ1ZTtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtQ2hhbmdlLmVtaXQoY2hpbGQpO1xyXG4gIH1cclxuXHJcbiAgLyogdG9nZ2xlQ29sbGFwc2UoKSB7XHJcbiAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XHJcbiAgfSAqL1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhY2NvcmRpb25cIiBbY2xhc3MuYWNjb3JkaW9uLXdoaXRlXT1cImlzV2hpdGVcIiBbaWRdPVwiZGF0YVBhcmVudCA/IGRhdGFQYXJlbnQgOiBudWxsXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNhcmRcIiBbbmdDbGFzc109XCJjdXN0b21DbGFzc2VzXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW9DdXN0b21Db250ZW50XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdGl0bGUgfHwgIWxhYmVsIHx8ICFzdWJ0aXRsZSB8fCAhaWNvblwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm8tY29sbGFwc2UtaGVhZGVyXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aXRsZSB8fCBsYWJlbCB8fCBzdWJ0aXRsZSB8fCBpY29uXCI+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgY2xhc3M9XCJjYXJkLWhlYWRlciBjb2xsYXBzZWRcIlxyXG4gICAgICAgICAgZGF0YS10b2dnbGU9XCJjb2xsYXBzZVwiXHJcbiAgICAgICAgICBbYXR0ci5kYXRhLXRhcmdldF09XCInIycgKyBpZGVudGlmaWVyXCJcclxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXHJcbiAgICAgICAgICBbbmdDbGFzc109XCJjdXN0b21DbGFzc2VzSGVhZGVyXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aSAqbmdJZj1cImljb24gJiYgaWNvbi5pbmNsdWRlcygnYngnKVwiIFtuZ0NsYXNzXT1cImljb24hXCI+PC9pPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJpY29uICYmICFpY29uLmluY2x1ZGVzKCdieCcpXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1yb3VuZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPnt7IGljb24gfX08L3NwYW4+XHJcbiAgICAgICAgICA8IS0tIGxhYmVsIC0tPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwiY29sbGFwc2UtbGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwhLS0gdGl0bGUgLS0+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNUaXRsZUFsb25lOyBlbHNlIHRpdGxlTm90QWxvbmVcIj5cclxuICAgICAgICAgICAge3sgdGl0bGUgfX1cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlICN0aXRsZU5vdEFsb25lPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJjb2xsYXBzZS10aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgIDwhLS0gc3VidGl0bGUgLS0+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInN1YnRpdGxlXCIgY2xhc3M9XCJjb2xsYXBzZS1zdWJ0aXRsZVwiPnt7IHN1YnRpdGxlIH19PC9zcGFuPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY29udGVudCB8fCAhY2hpbGRyZW5cIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvLWNvbGxhcHNlLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRlbnQgfHwgY2hpbGRyZW5cIj5cclxuICAgICAgICA8ZGl2IFtpZF09XCJpZGVudGlmaWVyXCIgY2xhc3M9XCJjb2xsYXBzZVwiIFthdHRyLmRhdGEtcGFyZW50XT1cImRhdGFQYXJlbnQgPyAnIycgKyBkYXRhUGFyZW50IDogbnVsbFwiPlxyXG4gICAgICAgICAgPCEtLSBJdGVtcyBkZSB0aXBvIHRleHRvIC0tPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYm9keVwiICpuZ0lmPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cIm1iLTBcIiAqbmdJZj1cIiFjb250ZW50OyBlbHNlIGlzQWFycmF5XCIgW2lubmVySFRNTF09XCJjb250ZW50XCI+PC9wPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2lzQWFycmF5PlxyXG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwibWItMFwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIHRleHRBcnJheSgpXCIgW2lubmVySFRNTF09XCJpdGVtXCI+PC9wPlxyXG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8IS0tIEl0ZW1zIGRlIHRpcG8gaW5mbyAtLT5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIiAqbmdJZj1cIml0ZW1JbmZvTGlzdC5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW1JbmZvIG9mIGl0ZW1JbmZvTGlzdDsgbGV0IGlzTGFzdEl0ZW0gPSBsYXN0XCI+XHJcbiAgICAgICAgICAgICAgPHNtYWxsIGNsYXNzPVwidGV4dC1zdWNjZXNzXCI+e3sgaXRlbUluZm8ubGFiZWwgfX08L3NtYWxsPlxyXG4gICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW1JbmZvLnRpdGxlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzbWFsbD57eyBpdGVtSW5mby5zdWJ0aXRsZSB9fTwvc21hbGw+XHJcbiAgICAgICAgICAgICAgPGhyICpuZ0lmPVwiIWlzTGFzdEl0ZW1cIiAvPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPCEtLSBJdGVtcyBkZSB0aXBvIGlucHV0IC0tPlxyXG4gICAgICAgICAgPGZvcm0gY2xhc3M9XCJjYXJkLWJvZHlcIiAqbmdJZj1cIml0ZW1JbnB1dExpc3QubGVuZ3RoID4gMFwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtSW5wdXQgb2YgaXRlbUlucHV0TGlzdDsgbGV0IGlzTGFzdElpbnB1dCA9IGxhc3RcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJjYXJkLWRldGFpbHNcIiBbZm9yXT1cIml0ZW1JbnB1dC5pZFwiPlxyXG4gICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJpdGVtSW5wdXQuaWNvbiAmJiBpdGVtSW5wdXQuaWNvbi5pbmNsdWRlcygnYngnKVwiIFtuZ0NsYXNzXT1cIml0ZW1JbnB1dC5pY29uIVwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbUlucHV0Lmljb24gJiYgIWl0ZW1JbnB1dC5pY29uLmluY2x1ZGVzKCdieCcpXCJcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1yb3VuZFwiXHJcbiAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgID57eyBpdGVtSW5wdXQuaWNvbiB9fTwvc3BhblxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtZGV0YWlscy1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW1JbnB1dC50aXRsZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgPHNtYWxsPnt7IGl0ZW1JbnB1dC5zdWJ0aXRsZSB9fTwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tcmFkaW9cIlxyXG4gICAgICAgICAgICAgICAgICBbbmFtZV09XCJpdGVtSW5wdXQubmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtpZF09XCJpdGVtSW5wdXQuaWRcIlxyXG4gICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJpdGVtSW5wdXQudmFsdWVcIlxyXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlVmFsdWUoaXRlbUlucHV0KVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPGhyICpuZ0lmPVwiIWlzTGFzdElpbnB1dFwiIC8+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9DdXN0b21Db250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRdPVwib0N1c3RvbUNvbnRlbnQudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==