@rededor/site-front-end-lib 0.0.66 → 0.0.67
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.
|
@@ -34,11 +34,11 @@ export class ExpandableCardComponent {
|
|
|
34
34
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:
|
|
41
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
42
42
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { opened: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], label: [{
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
62
62
|
type: HostBinding,
|
|
63
63
|
args: ['class']
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZHMvZXhwYW5kYWJsZS1jYXJkL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL2V4cGFuZGFibGUtY2FyZC9leHBhbmRhYmxlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBVS9DLE1BQU0sT0FBTyx1QkFBdUI7SUFvQmxDLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBbkI1QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsY0FBUyxHQUFXLE9BQU8sQ0FBQztRQUM1QixRQUFHLEdBQVcsRUFBRSxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFaEIsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRWhELGlCQUFZLEdBQUc7WUFDbkMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzdELGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUMzRCxxQkFBcUIsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQztZQUNyRSxrQkFBa0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7U0FDOUQsQ0FBQztRQUVvQixZQUFPLEdBQWEsRUFBRSxDQUFDO0lBRVcsQ0FBQztJQUV6RCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ25ELENBQUM7K0dBakNVLHVCQUF1QjttR0FBdkIsdUJBQXVCLCtXQ2JwQyw4dUJBc0JBLHE0Q0RkWSxZQUFZLDZIQUFFLG1CQUFtQjs7NEZBS2hDLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLFdBQ25DLENBQUMsc0JBQXNCLENBQUM7Z0ZBS3hCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUVlLFlBQVk7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTztnQkFPRSxPQUFPO3NCQUE1QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgUmRzaXRlTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZXhwYW5kYWJsZS1jYXJkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJkc2l0ZUxpbmtEaXJlY3RpdmVdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kYWJsZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBvcGVuZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgYmFkZ2VMYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgb3Blbkljb246IHN0cmluZyA9ICdwbHVzJztcclxuICBASW5wdXQoKSBjbG9zZUljb246IHN0cmluZyA9ICdtaW51cyc7XHJcbiAgQElucHV0KCkgdXJsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgdG9nZ2xlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XHJcbiAgICAnLS1uZXV0cmFsLWxpZ2h0JzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1saWdodCcpLFxyXG4gICAgJy0tbmV1dHJhbC1iYXNlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1iYXNlJyksXHJcbiAgICAnLS1uZXV0cmFsLXB1cmV3aGl0ZSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtcHVyZXdoaXRlJyksXHJcbiAgICAnLS1jb2xvci1vbmUtZGFyayc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktZGFyaycpLFxyXG4gIH07XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlOiBDdXJhU2VydmljZSkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNoZWNrRGlzYWJsZWRDYXJkKCk7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVDYXJkKCkge1xyXG4gICAgdGhpcy5vcGVuZWQgPSAhdGhpcy5vcGVuZWQ7XHJcbiAgICB0aGlzLnRvZ2dsZS5lbWl0KHRoaXMub3BlbmVkKTtcclxuICB9XHJcblxyXG4gIGNoZWNrRGlzYWJsZWRDYXJkKCkge1xyXG4gICAgdGhpcy5jbGFzc2VzID0gdGhpcy5kaXNhYmxlZCA/IFsnZGlzYWJsZWQnXSA6IFtdO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXJcIiBbbmdDbGFzc109XCJ7IG5vQmFkZ2U6ICFiYWRnZUxhYmVsIH1cIiAoY2xpY2spPVwidG9nZ2xlQ2FyZCgpXCI+XHJcbiAgQGlmICh1cmwpIHtcclxuICAgIDxhIHJkc2l0ZWxpbmsgY2xhc3M9XCJjYXJkLWxhYmVsLWxpbmtcIiBbaHJlZl09XCJ1cmxcIj5cclxuICAgICAge3sgbGFiZWwgfX1cclxuICAgICAgPGN1cmEtaWNvbiBuYW1lPVwibGlua0V4dGVybmFsXCIgY29sb3I9XCJwcmltYXJ5LWRhcmtcIiBzaXplPVwiMTZcIj48L2N1cmEtaWNvbj5cclxuICAgIDwvYT5cclxuICB9IEBlbHNlIHtcclxuICAgIDxoNCBjbGFzcz1cImNhcmQtbGFiZWxcIj57eyBsYWJlbCB9fTwvaDQ+XHJcbiAgfVxyXG5cclxuICBAaWYgKGJhZGdlTGFiZWwpIHtcclxuICAgIDxjdXJhLWJhZGdlLXBpbGwgdHlwZT1cInNvbGlkXCIgY29sb3I9XCJwcmltYXJ5XCI+XHJcbiAgICAgIHt7IGJhZGdlTGFiZWwgfX1cclxuICAgIDwvY3VyYS1iYWRnZS1waWxsPlxyXG4gIH1cclxuXHJcbiAgPGN1cmEtaWNvbiBbYXR0ci5uYW1lXT1cIm9wZW5lZCA/IGNsb3NlSWNvbiA6IG9wZW5JY29uXCIgY29sb3I9XCJwcmltYXJ5LWRhcmtcIiBzaXplPVwiMjBcIj48L2N1cmEtaWNvbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiY2FyZC1jb250ZW50XCIgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IG9wZW5lZCB9XCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -19527,11 +19527,11 @@ class ExpandableCardComponent {
|
|
|
19527
19527
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
19528
19528
|
}
|
|
19529
19529
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19530
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:
|
|
19530
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
19531
19531
|
}
|
|
19532
19532
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
19533
19533
|
type: Component,
|
|
19534
|
-
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:
|
|
19534
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19535
19535
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
19536
19536
|
type: Input
|
|
19537
19537
|
}], label: [{
|