@ngb-bootstrap/core 0.0.0 → 0.1.0-next.0

package/fesm2022/ngb-bootstrap-core-card.mjs

@@ -0,0 +1,540 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, booleanAttribute, computed, contentChild, inject, input, model } from "@angular/core";
+import { NGB_CONFIG, NGB_I18N } from "@ngb-bootstrap/core";
+import { NgbIconButton } from "@ngb-bootstrap/core/button";
+import { ngbId } from "@ngb-bootstrap/core/cdk";
+import { ngbIconDown } from "@ngb-bootstrap/icons";
+var NgbCard = class NgbCard {
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const classes = ["card"];
+		const color = this.color();
+		if (color) classes.push(`theme-${color}`);
+		if (this.variant() === "subtle") classes.push("card-subtle");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCard,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: NgbCard,
+		isStandalone: true,
+		selector: "ngb-card",
+		inputs: {
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCard,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-card",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[class]": "classes()" }
+		}]
+	}],
+	propDecorators: {
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}]
+	}
+});
+var NgbCardHeader = class NgbCardHeader {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCardHeader,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCardHeader,
+		isStandalone: true,
+		selector: "[ngbCardHeader]",
+		host: { classAttribute: "card-header" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCardHeader,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ngbCardHeader]",
+			host: { class: "card-header" }
+		}]
+	}]
+});
+var NgbCardBody = class NgbCardBody {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCardBody,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCardBody,
+		isStandalone: true,
+		selector: "[ngbCardBody]",
+		host: { classAttribute: "card-body" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCardBody,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ngbCardBody]",
+			host: { class: "card-body" }
+		}]
+	}]
+});
+var NgbCardSubtitle = class NgbCardSubtitle {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCardSubtitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCardSubtitle,
+		isStandalone: true,
+		selector: "[ngbCardSubtitle]",
+		host: { classAttribute: "card-subtitle" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCardSubtitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ngbCardSubtitle]",
+			host: { class: "card-subtitle" }
+		}]
+	}]
+});
+var NgbCardFooter = class NgbCardFooter {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCardFooter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCardFooter,
+		isStandalone: true,
+		selector: "[ngbCardFooter]",
+		host: { classAttribute: "card-footer" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCardFooter,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ngbCardFooter]",
+			host: { class: "card-footer" }
+		}]
+	}]
+});
+var NgbCardImg = class NgbCardImg {
+	ngbCardImg = input("top", ...ngDevMode ? [{ debugName: "ngbCardImg" }] : /* istanbul ignore next */ []);
+	classes = computed(() => this.ngbCardImg() === "bottom" ? "card-img-bottom" : "card-img-top", ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCardImg,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: NgbCardImg,
+		isStandalone: true,
+		selector: "img[ngbCardImg]",
+		inputs: { ngbCardImg: {
+			classPropertyName: "ngbCardImg",
+			publicName: "ngbCardImg",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCardImg,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "img[ngbCardImg]",
+			host: { "[class]": "classes()" }
+		}]
+	}],
+	propDecorators: { ngbCardImg: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ngbCardImg",
+			required: false
+		}]
+	}] }
+});
+var NgbCollapsibleTitle = class NgbCollapsibleTitle {
+	id = ngbId("ngb-collapsible-title");
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCollapsibleTitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCollapsibleTitle,
+		isStandalone: true,
+		selector: "[ngbCollapsibleTitle]",
+		host: { properties: { "id": "id" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCollapsibleTitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ngbCollapsibleTitle]",
+			host: { "[id]": "id" }
+		}]
+	}]
+});
+var NgbCollapsibleContent = class NgbCollapsibleContent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCollapsibleContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbCollapsibleContent,
+		isStandalone: true,
+		selector: "[ngbCollapsibleContent]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCollapsibleContent,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[ngbCollapsibleContent]" }]
+	}]
+});
+var NgbCollapsibleCard = class NgbCollapsibleCard {
+	animation = inject(NGB_CONFIG).animation;
+	i18n = inject(NGB_I18N);
+	toggleId = ngbId("ngb-collapsible-toggle");
+	regionId = ngbId("ngb-collapsible-region");
+	chevron = ngbIconDown;
+	title = contentChild(NgbCollapsibleTitle, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	expanded = model(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	expandLabel = input(...ngDevMode ? [void 0, { debugName: "expandLabel" }] : /* istanbul ignore next */ []);
+	collapseLabel = input(...ngDevMode ? [void 0, { debugName: "collapseLabel" }] : /* istanbul ignore next */ []);
+	label = computed(() => this.expanded() ? this.collapseLabel() ?? this.i18n.collapse : this.expandLabel() ?? this.i18n.expand, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const classes = ["card", "ngb-collapsible-card"];
+		if (this.expanded()) classes.push("ngb-collapsible-expanded");
+		if (!this.animation) classes.push("ngb-collapsible-static");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCollapsibleCard,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.3",
+		type: NgbCollapsibleCard,
+		isStandalone: true,
+		selector: "ngb-collapsible-card",
+		inputs: {
+			expanded: {
+				classPropertyName: "expanded",
+				publicName: "expanded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandLabel: {
+				classPropertyName: "expandLabel",
+				publicName: "expandLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseLabel: {
+				classPropertyName: "collapseLabel",
+				publicName: "collapseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { expanded: "expandedChange" },
+		host: { properties: { "class": "classes()" } },
+		queries: [{
+			propertyName: "title",
+			first: true,
+			predicate: NgbCollapsibleTitle,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <div class="row g-3">
+      <div class="col"><ng-content /></div>
+      <div class="col-auto align-self-end">
+        <button
+          ngbIconButton
+          color="secondary"
+          variant="subtle"
+          size="sm"
+          class="ngb-collapsible-toggle"
+          [icon]="chevron"
+          [label]="label()"
+          [id]="toggleId"
+          [disabled]="disabled()"
+          [attr.aria-expanded]="expanded()"
+          [attr.aria-controls]="regionId"
+          (click)="expanded.set(!expanded())"
+        ></button>
+      </div>
+    </div>
+    <div
+      class="ngb-collapsible-region"
+      role="region"
+      [id]="regionId"
+      [attr.aria-labelledby]="title()?.id ?? toggleId"
+      [attr.inert]="expanded() ? null : ''"
+    >
+      <div class="ngb-collapsible-region-inner">
+        <div class="ngb-collapsible-region-content">
+          <ng-content select="[ngbCollapsibleContent]" />
+        </div>
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: NgbIconButton,
+			selector: "button[ngbIconButton], a[ngbIconButton]",
+			inputs: [
+				"label",
+				"icon",
+				"name"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCollapsibleCard,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-collapsible-card",
+			imports: [NgbIconButton],
+			template: `
+    <div class="row g-3">
+      <div class="col"><ng-content /></div>
+      <div class="col-auto align-self-end">
+        <button
+          ngbIconButton
+          color="secondary"
+          variant="subtle"
+          size="sm"
+          class="ngb-collapsible-toggle"
+          [icon]="chevron"
+          [label]="label()"
+          [id]="toggleId"
+          [disabled]="disabled()"
+          [attr.aria-expanded]="expanded()"
+          [attr.aria-controls]="regionId"
+          (click)="expanded.set(!expanded())"
+        ></button>
+      </div>
+    </div>
+    <div
+      class="ngb-collapsible-region"
+      role="region"
+      [id]="regionId"
+      [attr.aria-labelledby]="title()?.id ?? toggleId"
+      [attr.inert]="expanded() ? null : ''"
+    >
+      <div class="ngb-collapsible-region-inner">
+        <div class="ngb-collapsible-region-content">
+          <ng-content select="[ngbCollapsibleContent]" />
+        </div>
+      </div>
+    </div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[class]": "classes()" }
+		}]
+	}],
+	propDecorators: {
+		title: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NgbCollapsibleTitle), { isSignal: true }]
+		}],
+		expanded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expanded",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["expandedChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		expandLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandLabel",
+				required: false
+			}]
+		}],
+		collapseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { NgbCard, NgbCardBody, NgbCardFooter, NgbCardHeader, NgbCardImg, NgbCardSubtitle, NgbCollapsibleCard, NgbCollapsibleContent, NgbCollapsibleTitle };
+
+//# sourceMappingURL=ngb-bootstrap-core-card.mjs.map

package/fesm2022/ngb-bootstrap-core-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-card.mjs","names":[],"sources":["../../../../projects/core/card/card.ts","../../../../projects/core/card/card-parts.ts","../../../../projects/core/card/collapsible-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgbThemeColor } from '@ngb-bootstrap/core';\n\nexport type NgbCardVariant = 'default' | 'subtle';\n\n/**\n * Container built on Bootstrap 6 `.card`. Fill it with the `ngbCard*` directives\n * (`ngbCardHeader`, `ngbCardBody`, `ngbCardFooter`, `ngbCardSubtitle`, `ngbCardImg`).\n *\n * ```html\n * <ngb-card color=\"info\" variant=\"subtle\">\n *   <div ngbCardHeader>Featured</div>\n *   <div ngbCardBody>\n *     <h5>Title</h5>\n *     <p>Some text.</p>\n *   </div>\n * </ngb-card>\n * ```\n */\n@Component({\n  selector: 'ngb-card',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class NgbCard {\n  /** Theme colour (Bootstrap `.theme-*`): border and header take it. Default is neutral. */\n  readonly color = input<NgbThemeColor>();\n  /** `default` or `subtle` (`.card-subtle`, tinted header and footer). */\n  readonly variant = input<NgbCardVariant>('default');\n\n  protected readonly classes = computed(() => {\n    const classes = ['card'];\n    const color = this.color();\n    if (color) classes.push(`theme-${color}`);\n    if (this.variant() === 'subtle') classes.push('card-subtle');\n    return classes.join(' ');\n  });\n}\n","import { Directive, computed, input } from '@angular/core';\n\n/*\n * The card parts are directives, not components: each one only adds a Bootstrap class to an\n * element the author picks (`<header>`, `<h5>`, `<img>`, `<a>`...), so the markup stays semantic\n * and Bootstrap's `.card > ...` selectors keep matching direct children.\n */\n\n/** `.card-header` on any element. */\n@Directive({ selector: '[ngbCardHeader]', host: { class: 'card-header' } })\nexport class NgbCardHeader {}\n\n/** `.card-body` on any element. */\n@Directive({ selector: '[ngbCardBody]', host: { class: 'card-body' } })\nexport class NgbCardBody {}\n\n/** `.card-subtitle` on any element, usually a heading inside the body. */\n@Directive({ selector: '[ngbCardSubtitle]', host: { class: 'card-subtitle' } })\nexport class NgbCardSubtitle {}\n\n/** `.card-footer` on any element. */\n@Directive({ selector: '[ngbCardFooter]', host: { class: 'card-footer' } })\nexport class NgbCardFooter {}\n\n/**\n * Card image, `.card-img-top` by default. Give it `alt` text, or `alt=\"\"` when it is decorative.\n *\n * ```html\n * <img ngbCardImg src=\"a.jpg\" alt=\"\" /> <img ngbCardImg=\"bottom\" src=\"b.jpg\" alt=\"\" />\n * ```\n */\n@Directive({ selector: 'img[ngbCardImg]', host: { '[class]': 'classes()' } })\nexport class NgbCardImg {\n  /** `top` (default) or `bottom`. */\n  readonly ngbCardImg = input<'top' | 'bottom' | ''>('top');\n\n  protected readonly classes = computed(() =>\n    this.ngbCardImg() === 'bottom' ? 'card-img-bottom' : 'card-img-top',\n  );\n}\n","// Behaviour adapted from Taiga UI (Apache-2.0), see NOTICE.\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  booleanAttribute,\n  computed,\n  contentChild,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { NGB_CONFIG, NGB_I18N } from '@ngb-bootstrap/core';\nimport { NgbIconButton } from '@ngb-bootstrap/core/button';\nimport { ngbId } from '@ngb-bootstrap/core/cdk';\nimport { ngbIconDown } from '@ngb-bootstrap/icons';\n\n/**\n * Names the card. Put it on the title element inside the summary. The hidden region is labelled by\n * it, so a screen reader announces \"Order 42, region\" rather than the button's own label.\n */\n@Directive({\n  selector: '[ngbCollapsibleTitle]',\n  host: { '[id]': 'id' },\n})\nexport class NgbCollapsibleTitle {\n  readonly id = ngbId('ngb-collapsible-title');\n}\n\n/**\n * Marks the content that is hidden while the card is collapsed. It renders inside the card, below\n * the summary.\n */\n@Directive({\n  selector: '[ngbCollapsibleContent]',\n})\nexport class NgbCollapsibleContent {}\n\n/**\n * Large card with a summary that is always visible and extra content that folds away under it,\n * like Taiga UI's collapsible large card. A small icon button at the bottom-end of the summary\n * toggles it. While collapsed, a narrower strip peeks out under the card to hint at what is hidden.\n *\n * The default projected content is the summary. Mark the hidden part with `ngbCollapsibleContent`\n * and the title with `ngbCollapsibleTitle` (it names the region). The hidden content stays in the\n * DOM while collapsed, but is `inert` and invisible.\n *\n * ```html\n * <ngb-collapsible-card [(expanded)]=\"open\">\n *   <h3 ngbCollapsibleTitle class=\"h5\">Order 42</h3>\n *   <p>Shipped on Monday.</p>\n *   <div ngbCollapsibleContent>…</div>\n * </ngb-collapsible-card>\n * ```\n */\n@Component({\n  selector: 'ngb-collapsible-card',\n  imports: [NgbIconButton],\n  template: `\n    <div class=\"row g-3\">\n      <div class=\"col\"><ng-content /></div>\n      <div class=\"col-auto align-self-end\">\n        <button\n          ngbIconButton\n          color=\"secondary\"\n          variant=\"subtle\"\n          size=\"sm\"\n          class=\"ngb-collapsible-toggle\"\n          [icon]=\"chevron\"\n          [label]=\"label()\"\n          [id]=\"toggleId\"\n          [disabled]=\"disabled()\"\n          [attr.aria-expanded]=\"expanded()\"\n          [attr.aria-controls]=\"regionId\"\n          (click)=\"expanded.set(!expanded())\"\n        ></button>\n      </div>\n    </div>\n    <div\n      class=\"ngb-collapsible-region\"\n      role=\"region\"\n      [id]=\"regionId\"\n      [attr.aria-labelledby]=\"title()?.id ?? toggleId\"\n      [attr.inert]=\"expanded() ? null : ''\"\n    >\n      <div class=\"ngb-collapsible-region-inner\">\n        <div class=\"ngb-collapsible-region-content\">\n          <ng-content select=\"[ngbCollapsibleContent]\" />\n        </div>\n      </div>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class NgbCollapsibleCard {\n  private readonly animation = inject(NGB_CONFIG).animation;\n  private readonly i18n = inject(NGB_I18N);\n  protected readonly toggleId = ngbId('ngb-collapsible-toggle');\n  protected readonly regionId = ngbId('ngb-collapsible-region');\n  protected readonly chevron = ngbIconDown;\n  protected readonly title = contentChild(NgbCollapsibleTitle);\n\n  /** Whether the hidden content is open. Two-way: `[(expanded)]`. Defaults to collapsed. */\n  readonly expanded = model(false);\n  /** Stops the toggle from working. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /** Accessible name of the toggle while collapsed. Defaults to the `expand` i18n string. */\n  readonly expandLabel = input<string>();\n  /** Accessible name of the toggle while expanded. Defaults to the `collapse` i18n string. */\n  readonly collapseLabel = input<string>();\n\n  protected readonly label = computed(() =>\n    this.expanded()\n      ? (this.collapseLabel() ?? this.i18n.collapse)\n      : (this.expandLabel() ?? this.i18n.expand),\n  );\n\n  protected readonly classes = computed(() => {\n    const classes = ['card', 'ngb-collapsible-card'];\n    if (this.expanded()) classes.push('ngb-collapsible-expanded');\n    if (!this.animation) classes.push('ngb-collapsible-static');\n    return classes.join(' ');\n  });\n}\n"],"mappings":";;;;;;AA2BA,IAAa,UAAb,MAAa,QAAO;CAET,QAAQ,MAAsB,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE9B,UAAU,MAAsB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,UAAU,eAAc;EACzC,MAAM,UAAU,CAAC,MAAM;EACvB,MAAM,QAAQ,KAAK,MAAK;EACxB,IAAI,OAAO,QAAQ,KAAK,SAAS,OAAO;EACxC,IAAI,KAAK,QAAO,MAAO,UAAU,QAAQ,KAAK,aAAa;EAC3D,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAZS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,YAAA,EAAA;EAAA,UAAA;EAAA,UANR;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAMf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EARnB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM,EACJ,WAAW,YACZ;EACF,CAAA;;;;;;;;;;;;;;;;;;;;;AChBD,IAAa,gBAAb,MAAa,cAAa;CAAb,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAa,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,cAAA;EAAA,UAAA;CAAA,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA;EADzB,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAmB,MAAM,EAAE,OAAO,cAAa;EAAE,CAAE;;;AAK1E,IAAa,cAAb,MAAa,YAAW;CAAX,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,YAAA;EAAA,UAAA;CAAA,CAAA;;AAAX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EADvB,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAiB,MAAM,EAAE,OAAO,YAAW;EAAE,CAAE;;;AAKtE,IAAa,kBAAb,MAAa,gBAAe;CAAf,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,gBAAA;EAAA,UAAA;CAAA,CAAA;;AAAf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAD3B,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAqB,MAAM,EAAE,OAAO,gBAAe;EAAE,CAAE;;;AAK9E,IAAa,gBAAb,MAAa,cAAa;CAAb,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAa,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,cAAA;EAAA,UAAA;CAAA,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA;EADzB,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAmB,MAAM,EAAE,OAAO,cAAa;EAAE,CAAE;;;AAW1E,IAAa,aAAb,MAAa,WAAU;CAEZ,aAAa,MAA6B,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEtC,UAAU,eAC3B,KAAK,WAAU,MAAO,WAAW,oBAAoB,gBACtD,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CANU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,YAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,YAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EADtB,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAmB,MAAM,EAAE,WAAW,YAAW;EAAE,CAAE;;;;;;;;;;;ACN5E,IAAa,sBAAb,MAAa,oBAAmB;CACrB,KAAK,MAAM,uBAAuB;CADhC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,KAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAJ/B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EAAE,QAAQ,KAAI;EACrB,CAAA;;;AAYD,IAAa,wBAAb,MAAa,sBAAqB;CAArB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,UAAA;CAAA,CAAA;;AAArB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAHjC,MAAA;EAAU,MAAA,CAAA,EACT,UAAU,0BACX,CAAA;;;AA8DD,IAAa,qBAAb,MAAa,mBAAkB;CACZ,YAAY,OAAO,UAAU,CAAC,CAAC;CAC/B,OAAO,OAAO,QAAQ;CACpB,WAAW,MAAM,wBAAwB;CACzC,WAAW,MAAM,wBAAwB;CACzC,UAAU;CACV,QAAQ,aAAa,qBAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGnD,WAAW,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEvB,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAErD,cAAc,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAE7B,gBAAgB,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAErB,QAAQ,eACzB,KAAK,SAAQ,IACR,KAAK,cAAa,KAAM,KAAK,KAAK,WAClC,KAAK,YAAW,KAAM,KAAK,KAAK,QACtC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,UAAU,eAAc;EACzC,MAAM,UAAU,CAAC,QAAQ,sBAAsB;EAC/C,IAAI,KAAK,SAAQ,GAAI,QAAQ,KAAK,0BAA0B;EAC5D,IAAI,CAAC,KAAK,WAAW,QAAQ,KAAK,wBAAwB;EAC1D,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CA5BS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,UAAA,iBAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,YAAA,EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAMW;GAAmB,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UA7CjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAlCS;GAAa,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAwCZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EA1C9B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,aAAa;GACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCV,iBAAiB,wBAAwB;GACzC,MAAM,EACJ,WAAW,YACZ;EACF,CAAA;CAOyC,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,mBAAmB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,gBAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}