ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
310 lines (295 loc) • 48.4 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, Input, Output, ContentChild, Optional, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
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 }]
}] } });
class OCollapseTitleComponent {
constructor() { }
}
OCollapseTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseTitleComponent, selector: "o-collapse-title", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<span class=\"collapse-title\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseTitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-title', template: "<span class=\"collapse-title\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseSubtitleComponent {
constructor() { }
}
OCollapseSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseSubtitleComponent, selector: "o-collapse-subtitle", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<span class=\"collapse-subtitle\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseSubtitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-subtitle', template: "<span class=\"collapse-subtitle\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseLabelComponent {
constructor() { }
}
OCollapseLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseLabelComponent, selector: "o-collapse-label", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<span class=\"collapse-label\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseLabelComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-label', template: "<span class=\"collapse-label\" [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseIconComponent {
constructor() { }
}
OCollapseIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseIconComponent, selector: "o-collapse-icon", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<div [ngClass]=\"customClasses\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseIconComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-icon', template: "<div [ngClass]=\"customClasses\">\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseHeaderComponent {
constructor(oCollapse) {
this.oCollapse = oCollapse;
}
ngAfterContentInit() {
if (this.oCollapse) {
this.identifierHeader = this.oCollapse.identifier;
}
}
}
OCollapseHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseHeaderComponent, deps: [{ token: OCollapseComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCollapseHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseHeaderComponent, selector: "o-collapse-header", inputs: { customClasses: "customClasses" }, queries: [{ propertyName: "titleComponent", first: true, predicate: OCollapseTitleComponent, descendants: true, static: true }, { propertyName: "subtitleComponent", first: true, predicate: OCollapseSubtitleComponent, descendants: true, static: true }, { propertyName: "labelComponent", first: true, predicate: OCollapseLabelComponent, descendants: true, static: true }, { propertyName: "iconComponent", first: true, predicate: OCollapseIconComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"titleComponent || subtitleComponent || labelComponent || iconComponent; else customHeader\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifierHeader\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClasses\"\r\n >\r\n <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <ng-content select=\"o-collapse-label\"></ng-content>\r\n <ng-content select=\"o-collapse-title\"></ng-content>\r\n <ng-content select=\"o-collapse-subtitle\"></ng-content>\r\n </button>\r\n</ng-container>\r\n<ng-template #customHeader><ng-content></ng-content></ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseHeaderComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-header', template: "<ng-container *ngIf=\"titleComponent || subtitleComponent || labelComponent || iconComponent; else customHeader\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifierHeader\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClasses\"\r\n >\r\n <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <ng-content select=\"o-collapse-label\"></ng-content>\r\n <ng-content select=\"o-collapse-title\"></ng-content>\r\n <ng-content select=\"o-collapse-subtitle\"></ng-content>\r\n </button>\r\n</ng-container>\r\n<ng-template #customHeader><ng-content></ng-content></ng-template>\r\n" }]
}], ctorParameters: function () { return [{ type: OCollapseComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { customClasses: [{
type: Input
}], titleComponent: [{
type: ContentChild,
args: [OCollapseTitleComponent, { static: true }]
}], subtitleComponent: [{
type: ContentChild,
args: [OCollapseSubtitleComponent, { static: true }]
}], labelComponent: [{
type: ContentChild,
args: [OCollapseLabelComponent, { static: true }]
}], iconComponent: [{
type: ContentChild,
args: [OCollapseIconComponent, { static: true }]
}] } });
class OCollapseInputComponent {
constructor() { }
}
OCollapseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseInputComponent, selector: "o-collapse-input", inputs: { icon: "icon", name: "name", id: "id", value: "value", customClasses: "customClasses" }, ngImport: i0, template: "<label class=\"card-details\" [for]=\"id\" [ngClass]=\"customClasses\">\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 <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <div class=\"card-details-content\">\r\n <ng-content select=\"o-collapse-input-title\"></ng-content>\r\n <ng-content select=\"o-collapse-input-subtitle\"></ng-content>\r\n </div>\r\n <input type=\"radio\" class=\"form-radio\" [name]=\"name\" [id]=\"id\" [checked]=\"value\" />\r\n</label>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-input', template: "<label class=\"card-details\" [for]=\"id\" [ngClass]=\"customClasses\">\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 <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <div class=\"card-details-content\">\r\n <ng-content select=\"o-collapse-input-title\"></ng-content>\r\n <ng-content select=\"o-collapse-input-subtitle\"></ng-content>\r\n </div>\r\n <input type=\"radio\" class=\"form-radio\" [name]=\"name\" [id]=\"id\" [checked]=\"value\" />\r\n</label>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
type: Input
}], name: [{
type: Input
}], id: [{
type: Input
}], value: [{
type: Input
}], customClasses: [{
type: Input
}] } });
class OCollapseContentComponent {
constructor(oCollapse) {
this.oCollapse = oCollapse;
}
ngAfterContentInit() {
if (this.oCollapse) {
this.identifierContent = this.oCollapse.identifier;
this.dataParentContent = this.oCollapse.dataParent;
}
}
}
OCollapseContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseContentComponent, deps: [{ token: OCollapseComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCollapseContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseContentComponent, selector: "o-collapse-content", inputs: { customClasses: "customClasses" }, queries: [{ propertyName: "inputComponent", first: true, predicate: OCollapseInputComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<div [id]=\"identifierContent\" class=\"collapse\" [attr.data-parent]=\"dataParentContent ? '#' + dataParentContent : null\">\r\n <div class=\"card-body\" [ngClass]=\"customClasses\" *ngIf=\"!inputComponent; else inputContent\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </div>\r\n <ng-template #inputContent>\r\n <form class=\"card-body\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </form>\r\n </ng-template>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: OCollapseContentComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-content', template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<div [id]=\"identifierContent\" class=\"collapse\" [attr.data-parent]=\"dataParentContent ? '#' + dataParentContent : null\">\r\n <div class=\"card-body\" [ngClass]=\"customClasses\" *ngIf=\"!inputComponent; else inputContent\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </div>\r\n <ng-template #inputContent>\r\n <form class=\"card-body\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </form>\r\n </ng-template>\r\n</div>\r\n" }]
}], ctorParameters: function () { return [{ type: OCollapseComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { customClasses: [{
type: Input
}], inputComponent: [{
type: ContentChild,
args: [OCollapseInputComponent, { static: true }]
}] } });
class OCollapseTextComponent {
constructor() { }
}
OCollapseTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseTextComponent, selector: "o-collapse-text", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<p class=\"mb-0\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseTextComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-text', template: "<p class=\"mb-0\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseInputTitleComponent {
constructor() { }
}
OCollapseInputTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseInputTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseInputTitleComponent, selector: "o-collapse-input-title", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<span [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputTitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-input-title', template: "<span [ngClass]=\"customClasses\"><ng-content></ng-content></span>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseInputSubtitleComponent {
constructor() { }
}
OCollapseInputSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OCollapseInputSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseInputSubtitleComponent, selector: "o-collapse-input-subtitle", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<small [ngClass]=\"customClasses\"><ng-content></ng-content></small>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseInputSubtitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-input-subtitle', template: "<small [ngClass]=\"customClasses\"><ng-content></ng-content></small>\r\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
type: Input
}] } });
class OCollapseModule {
}
OCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
OCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OCollapseModule, declarations: [OCollapseComponent,
OCollapseHeaderComponent,
OCollapseTitleComponent,
OCollapseIconComponent,
OCollapseLabelComponent,
OCollapseSubtitleComponent,
OCollapseContentComponent,
OCollapseTextComponent,
OCollapseInputComponent,
OCollapseInputTitleComponent,
OCollapseInputSubtitleComponent], imports: [CommonModule], exports: [OCollapseComponent,
OCollapseHeaderComponent,
OCollapseTitleComponent,
OCollapseIconComponent,
OCollapseLabelComponent,
OCollapseSubtitleComponent,
OCollapseContentComponent,
OCollapseTextComponent,
OCollapseInputComponent,
OCollapseInputTitleComponent,
OCollapseInputSubtitleComponent] });
OCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseModule, decorators: [{
type: NgModule,
args: [{
declarations: [
OCollapseComponent,
OCollapseHeaderComponent,
OCollapseTitleComponent,
OCollapseIconComponent,
OCollapseLabelComponent,
OCollapseSubtitleComponent,
OCollapseContentComponent,
OCollapseTextComponent,
OCollapseInputComponent,
OCollapseInputTitleComponent,
OCollapseInputSubtitleComponent
],
imports: [CommonModule],
exports: [
OCollapseComponent,
OCollapseHeaderComponent,
OCollapseTitleComponent,
OCollapseIconComponent,
OCollapseLabelComponent,
OCollapseSubtitleComponent,
OCollapseContentComponent,
OCollapseTextComponent,
OCollapseInputComponent,
OCollapseInputTitleComponent,
OCollapseInputSubtitleComponent
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { OCollapseComponent, OCollapseContentComponent, OCollapseHeaderComponent, OCollapseIconComponent, OCollapseInputComponent, OCollapseInputSubtitleComponent, OCollapseInputTitleComponent, OCollapseLabelComponent, OCollapseModule, OCollapseSubtitleComponent, OCollapseTextComponent, OCollapseTitleComponent };
//# sourceMappingURL=ngx-obelisco-example-collapse.mjs.map