@rivet-health/design-system 40.44.4 → 41.0.0

package/esm2022/lib/layout/card/card-content.component.mjs

@@ -1,64 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostBinding, Input, Optional, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./card.component";
-/**
- * Body of a `riv-card`.
- *
- * Grows to absorb any spare height by default, which keeps `riv-card-actions`
- * pinned to the bottom when cards of differing content sit in an equal-height
- * grid. Set `[grow]="false"` when the card should shrink to its content.
- *
- * In a card with an expandable header, this is the region the toggle controls —
- * it takes an id from the card so that `aria-controls` resolves as soon as the
- * body is rendered.
- */
-export class CardContentComponent {
-    constructor(el, renderer, card) {
-        this.el = el;
-        this.renderer = renderer;
-        this.card = card;
-        this.padding = 'medium';
-        this.grow = true;
-        /** Draws a separator below the content. */
-        this.divider = false;
-    }
-    /**
-     * Wears the region id an expandable header's toggle points `aria-controls`
-     * at, so neither side needs the consumer to name the body. An id the consumer
-     * set of their own is left alone.
-     */
-    ngOnInit() {
-        const regionId = this.card?.regionId;
-        if (regionId && !this.el.nativeElement.id) {
-            this.renderer.setAttribute(this.el.nativeElement, 'id', regionId);
-        }
-    }
-    get classes() {
-        return Object.entries({
-            [`padding-${this.padding}`]: true,
-            grow: this.grow,
-            divider: this.divider,
-        })
-            .filter(([_, v]) => v)
-            .map(([k]) => k)
-            .join(' ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.CardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardContentComponent, selector: "riv-card-content", inputs: { padding: "padding", grow: "grow", divider: "divider" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;min-width:0;font:var(--body-medium)}:host.grow{flex-grow:1}:host.divider{border-bottom:var(--border-width) solid var(--border-light)}:host.padding-small{padding:var(--size-small)}:host.padding-medium{padding:var(--size-medium)}:host.padding-large{padding:var(--size-large)}:host.padding-xlarge{padding:var(--size-xlarge)}:host.padding-xxlarge{padding:var(--size-xxlarge)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'riv-card-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:block;min-width:0;font:var(--body-medium)}:host.grow{flex-grow:1}:host.divider{border-bottom:var(--border-width) solid var(--border-light)}:host.padding-small{padding:var(--size-small)}:host.padding-medium{padding:var(--size-medium)}:host.padding-large{padding:var(--size-large)}:host.padding-xlarge{padding:var(--size-xlarge)}:host.padding-xxlarge{padding:var(--size-xxlarge)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.CardComponent, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { padding: [{
-                type: Input
-            }], grow: [{
-                type: Input
-            }], divider: [{
-                type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL2xheW91dC9jYXJkL2NhcmQtY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9sYXlvdXQvY2FyZC9jYXJkLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsV0FBVyxFQUNYLEtBQUssRUFFTCxRQUFRLEdBRVQsTUFBTSxlQUFlLENBQUM7OztBQUd2Qjs7Ozs7Ozs7OztHQVVHO0FBT0gsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUNtQixFQUEyQixFQUMzQixRQUFtQixFQUNQLElBQTBCO1FBRnRDLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBQzNCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDUCxTQUFJLEdBQUosSUFBSSxDQUFzQjtRQUl6RCxZQUFPLEdBQTBCLFFBQVEsQ0FBQztRQUcxQyxTQUFJLEdBQVksSUFBSSxDQUFDO1FBRXJCLDJDQUEyQztRQUUzQyxZQUFPLEdBQVksS0FBSyxDQUFDO0lBVnRCLENBQUM7SUFZSjs7OztPQUlHO0lBQ0gsUUFBUTtRQUNOLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDO1FBQ3JDLElBQUksUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3BFLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQ3BCLENBQUMsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJO1lBQ2pDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztTQUN0QixDQUFDO2FBQ0MsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDOytHQXZDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw2S0M3QmpDLDZCQUNBOzs0RkQ0QmEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFNNUMsUUFBUTt5Q0FJWCxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkFnQkYsT0FBTztzQkFEVixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQm9keSBvZiBhIGByaXYtY2FyZGAuXG4gKlxuICogR3Jvd3MgdG8gYWJzb3JiIGFueSBzcGFyZSBoZWlnaHQgYnkgZGVmYXVsdCwgd2hpY2gga2VlcHMgYHJpdi1jYXJkLWFjdGlvbnNgXG4gKiBwaW5uZWQgdG8gdGhlIGJvdHRvbSB3aGVuIGNhcmRzIG9mIGRpZmZlcmluZyBjb250ZW50IHNpdCBpbiBhbiBlcXVhbC1oZWlnaHRcbiAqIGdyaWQuIFNldCBgW2dyb3ddPVwiZmFsc2VcImAgd2hlbiB0aGUgY2FyZCBzaG91bGQgc2hyaW5rIHRvIGl0cyBjb250ZW50LlxuICpcbiAqIEluIGEgY2FyZCB3aXRoIGFuIGV4cGFuZGFibGUgaGVhZGVyLCB0aGlzIGlzIHRoZSByZWdpb24gdGhlIHRvZ2dsZSBjb250cm9scyDigJRcbiAqIGl0IHRha2VzIGFuIGlkIGZyb20gdGhlIGNhcmQgc28gdGhhdCBgYXJpYS1jb250cm9sc2AgcmVzb2x2ZXMgYXMgc29vbiBhcyB0aGVcbiAqIGJvZHkgaXMgcmVuZGVyZWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1jYXJkLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1jb250ZW50LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgcmVhZG9ubHkgY2FyZDogQ2FyZENvbXBvbmVudCB8IG51bGwsXG4gICkge31cblxuICBASW5wdXQoKVxuICBwYWRkaW5nOiBDYXJkQ29tcG9uZW50LlBhZGRpbmcgPSAnbWVkaXVtJztcblxuICBASW5wdXQoKVxuICBncm93OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKiogRHJhd3MgYSBzZXBhcmF0b3IgYmVsb3cgdGhlIGNvbnRlbnQuICovXG4gIEBJbnB1dCgpXG4gIGRpdmlkZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogV2VhcnMgdGhlIHJlZ2lvbiBpZCBhbiBleHBhbmRhYmxlIGhlYWRlcidzIHRvZ2dsZSBwb2ludHMgYGFyaWEtY29udHJvbHNgXG4gICAqIGF0LCBzbyBuZWl0aGVyIHNpZGUgbmVlZHMgdGhlIGNvbnN1bWVyIHRvIG5hbWUgdGhlIGJvZHkuIEFuIGlkIHRoZSBjb25zdW1lclxuICAgKiBzZXQgb2YgdGhlaXIgb3duIGlzIGxlZnQgYWxvbmUuXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCByZWdpb25JZCA9IHRoaXMuY2FyZD8ucmVnaW9uSWQ7XG4gICAgaWYgKHJlZ2lvbklkICYmICF0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuaWQpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgJ2lkJywgcmVnaW9uSWQpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyh7XG4gICAgICBbYHBhZGRpbmctJHt0aGlzLnBhZGRpbmd9YF06IHRydWUsXG4gICAgICBncm93OiB0aGlzLmdyb3csXG4gICAgICBkaXZpZGVyOiB0aGlzLmRpdmlkZXIsXG4gICAgfSlcbiAgICAgIC5maWx0ZXIoKFtfLCB2XSkgPT4gdilcbiAgICAgIC5tYXAoKFtrXSkgPT4gaylcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/lib/layout/card/card-header.component.mjs

@@ -1,201 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Optional, Output, } from '@angular/core';
-import { uniqueId } from 'lodash';
-import * as i0 from "@angular/core";
-import * as i1 from "./card.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../icon/icon.component";
-/**
- * Top row of a `riv-card`: heading text plus optional adornments.
- *
- * Three projection slots, all optional:
- * - `[leading]` — icon, avatar, or status dot shown before the heading
- * - default — laid out on the heading's baseline, so status badges sit beside
- *   the title and wrap below it when space runs out. Also takes a whole custom
- *   title (an inline rename field, say) when `heading` is left unset;
- *   `subheading` still renders below either way.
- * - `[actions]` — trailing controls such as `riv-menu`
- *
- * ```html
- * <riv-card-header [heading]="'Commercial 2025'" [subheading]="'Aetna'">
- *   <riv-icon leading [name]="'FileText'"></riv-icon>
- *   <riv-badge [size]="'small'" [variant]="'categorical-8'">Draft</riv-badge>
- *   <riv-menu actions>...</riv-menu>
- * </riv-card-header>
- * ```
- *
- * `headingLevel` renders a real `h1`–`h6` so the card fits the page's heading
- * outline; pick the level that follows the surrounding content rather than the
- * one that looks right, since size comes from the design tokens either way.
- *
- * The heading font and colour can be overridden per-instance with the
- * `--card-heading-font` and `--card-heading-color` custom properties.
- *
- * ## Expanding and collapsing
- *
- * `expandable` turns the header into the toggle for the card's body: it renders
- * a chevron and covers the row with a real `<button>` carrying `aria-expanded`
- * and `aria-controls`, so the pattern is keyboard operable and announces its
- * state. Controls in `[actions]` sit above that button and stay independently
- * clickable, so a menu beside the toggle needs no `stopPropagation`.
- *
- * The header holds no state of its own — bind `expanded` and act on
- * `expandedChange`, or use `[(expanded)]`:
- *
- * ```html
- * <riv-card>
- *   <riv-card-header
- *     [heading]="'Patient info'"
- *     [expandable]="true"
- *     [(expanded)]="open"
- *   ></riv-card-header>
- *   <riv-card-content *ngIf="open">...</riv-card-content>
- * </riv-card>
- * ```
- *
- * The toggle is named by the header's title, so an expandable header needs a
- * `heading` or a projected title.
- */
-export class CardHeaderComponent {
-    constructor(card) {
-        this.card = card;
-        /**
-         * Identifies the title for a clickable `riv-card`, which names its click
-         * target from the title rather than from the card's whole text.
-         */
-        this.titleId = uniqueId('riv-card-title-');
-        /**
-         * Names the body the toggle controls. Handed to the enclosing card, which
-         * relays it to the projected `riv-card-content`.
-         */
-        this.regionId = uniqueId('riv-card-region-');
-        /** Heading element rendered for `heading`, for document outline purposes. */
-        this.headingLevel = 3;
-        /** `filled` gives the header its own background, separating it from the body. */
-        this.variant = 'plain';
-        this.padding = 'medium';
-        /** Draws a separator below the header. Implied by the `filled` variant. */
-        this.divider = false;
-        /** Cross-axis alignment of the leading slot, heading block, and actions. */
-        this.align = 'start';
-        /** Turns the header row into the toggle for the card's body. */
-        this.expandable = false;
-        /** Whether the body is currently open. The consumer owns this state. */
-        this.expanded = false;
-        /** Side of the header the chevron sits on. */
-        this.togglePosition = 'trailing';
-        /**
-         * Blocks the toggle, for a section that is not yet available to open. Set it
-         * alongside a disabled `riv-card`, whose own `disabled` mutes the surface but
-         * does not reach the header's controls.
-         */
-        this.disabled = false;
-        /** Emitted with the state the consumer is being asked to move to. */
-        this.expandedChange = new EventEmitter();
-    }
-    /**
-     * Offers the heading to an enclosing card as the name for its click target,
-     * and the toggle's region so a projected `riv-card-content` can wear it. Only
-     * a text heading is offered: projected titles can be anything, so those cards
-     * fall back to naming against their whole content.
-     */
-    ngOnChanges(changes) {
-        if (changes['heading']) {
-            if (this.heading?.trim()) {
-                this.card?.setTitleId(this.titleId);
-            }
-            else {
-                this.card?.clearTitleId(this.titleId);
-            }
-        }
-        if (changes['expandable']) {
-            if (this.expandable) {
-                this.card?.setRegionId(this.regionId);
-            }
-            else {
-                this.card?.clearRegionId(this.regionId);
-            }
-        }
-    }
-    /** Withdraws the offer, so the card stops naming itself against this header. */
-    ngOnDestroy() {
-        this.card?.clearTitleId(this.titleId);
-        this.card?.clearRegionId(this.regionId);
-    }
-    /**
-     * Asks for the opposite state rather than taking it, which keeps the header
-     * free of state that could drift from the consumer's.
-     */
-    toggle() {
-        this.expandedChange.emit(!this.expanded);
-    }
-    get classes() {
-        return Object.entries({
-            [this.variant]: true,
-            [`padding-${this.padding}`]: true,
-            [`align-${this.align}`]: true,
-            divider: this.divider,
-            expandable: this.expandable,
-        })
-            .filter(([_, v]) => v)
-            .map(([k]) => k)
-            .join(' ');
-    }
-    /**
-     * Line clamping is applied inline so the line count stays a plain input
-     * rather than a fixed set of CSS classes.
-     */
-    get clampStyle() {
-        return this.clamp == null
-            ? {}
-            : {
-                display: '-webkit-box',
-                '-webkit-box-orient': 'vertical',
-                '-webkit-line-clamp': `${this.clamp}`,
-                overflow: 'hidden',
-            };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardHeaderComponent, deps: [{ token: i1.CardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardHeaderComponent, selector: "riv-card-header", inputs: { heading: "heading", subheading: "subheading", headingLevel: "headingLevel", variant: "variant", padding: "padding", divider: "divider", align: "align", clamp: "clamp", expandable: "expandable", expanded: "expanded", togglePosition: "togglePosition", disabled: "disabled" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<button\n  *ngIf=\"expandable\"\n  type=\"button\"\n  class=\"expand-toggle\"\n  [disabled]=\"disabled\"\n  [attr.aria-disabled]=\"disabled ? 'true' : null\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"regionId\"\n  [attr.aria-labelledby]=\"titleId\"\n  (click)=\"toggle()\"\n></button>\n<ng-container\n  *ngIf=\"expandable && togglePosition === 'leading'\"\n  [ngTemplateOutlet]=\"chevron\"\n></ng-container>\n<div class=\"leading\"><ng-content select=\"[leading]\"></ng-content></div>\n<div class=\"main\">\n  <div class=\"title-row\" [id]=\"titleId\">\n    <div *ngIf=\"heading?.trim()\" class=\"heading\" [ngStyle]=\"clampStyle\">\n      <ng-container [ngSwitch]=\"headingLevel\">\n        <h1 *ngSwitchCase=\"1\">{{ heading }}</h1>\n        <h2 *ngSwitchCase=\"2\">{{ heading }}</h2>\n        <h3 *ngSwitchCase=\"3\">{{ heading }}</h3>\n        <h4 *ngSwitchCase=\"4\">{{ heading }}</h4>\n        <h5 *ngSwitchCase=\"5\">{{ heading }}</h5>\n        <h6 *ngSwitchCase=\"6\">{{ heading }}</h6>\n      </ng-container>\n    </div>\n    <ng-content></ng-content>\n  </div>\n  <div *ngIf=\"subheading?.trim()\" class=\"subheading\">{{ subheading }}</div>\n</div>\n<ng-container\n  *ngIf=\"expandable && togglePosition === 'trailing'\"\n  [ngTemplateOutlet]=\"chevron\"\n></ng-container>\n<div class=\"actions\"><ng-content select=\"[actions]\"></ng-content></div>\n\n<ng-template #chevron>\n  <riv-icon\n    class=\"expand-chevron\"\n    [class.expanded]=\"expanded\"\n    [name]=\"'ChevronDown'\"\n    [size]=\"20\"\n  ></riv-icon>\n</ng-template>\n", styles: [":host{display:flex;gap:var(--size-medium);min-width:0}:host.expandable{position:relative}:host.align-start{align-items:flex-start}:host.align-center{align-items:center}:host.padding-small{padding:var(--size-small)}:host.padding-medium{padding:var(--size-medium)}:host.padding-large{padding:var(--size-large)}:host.padding-xlarge{padding:var(--size-xlarge)}:host.padding-xxlarge{padding:var(--size-xxlarge)}:host.filled{background-color:var(--surface-light-1)}:host.filled,:host.divider{border-bottom:var(--border-width) solid var(--border-light)}.main{flex-grow:1;min-width:0}.title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--size-xsmall);min-width:0;font:var(--card-heading-font, var(--title-04));color:var(--card-heading-color, var(--type-light-high-contrast))}:host.filled .title-row{font:var(--card-heading-font, var(--title-02))}.leading{flex-shrink:0}.actions{position:relative;z-index:var(--card-raised-z-index);display:flex;flex-shrink:0;align-items:center;gap:var(--size-small)}.expand-toggle{position:absolute;inset:0;z-index:var(--card-click-target-z-index);padding:0;border:none;background:none;cursor:pointer;transition:background-color var(--short-transition)}.expand-toggle:not(:disabled):hover{background-color:var(--black-20)}.expand-toggle:disabled{cursor:default}.expand-toggle:focus-visible{outline:var(--border-width-large) solid var(--type-light-link);outline-offset:calc(-1 * var(--border-width-large))}.expand-chevron{flex-shrink:0;transition:transform var(--medium-transition)}.expand-chevron.expanded{transform:rotate(-180deg)}.leading:not(:has(*)),.actions:not(:has(*)){display:none}.heading{min-width:0}.heading>*{display:inline;margin:0;font:inherit;color:inherit}.subheading{font:var(--body-small);color:var(--type-light-low-contrast)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'riv-card-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  *ngIf=\"expandable\"\n  type=\"button\"\n  class=\"expand-toggle\"\n  [disabled]=\"disabled\"\n  [attr.aria-disabled]=\"disabled ? 'true' : null\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"regionId\"\n  [attr.aria-labelledby]=\"titleId\"\n  (click)=\"toggle()\"\n></button>\n<ng-container\n  *ngIf=\"expandable && togglePosition === 'leading'\"\n  [ngTemplateOutlet]=\"chevron\"\n></ng-container>\n<div class=\"leading\"><ng-content select=\"[leading]\"></ng-content></div>\n<div class=\"main\">\n  <div class=\"title-row\" [id]=\"titleId\">\n    <div *ngIf=\"heading?.trim()\" class=\"heading\" [ngStyle]=\"clampStyle\">\n      <ng-container [ngSwitch]=\"headingLevel\">\n        <h1 *ngSwitchCase=\"1\">{{ heading }}</h1>\n        <h2 *ngSwitchCase=\"2\">{{ heading }}</h2>\n        <h3 *ngSwitchCase=\"3\">{{ heading }}</h3>\n        <h4 *ngSwitchCase=\"4\">{{ heading }}</h4>\n        <h5 *ngSwitchCase=\"5\">{{ heading }}</h5>\n        <h6 *ngSwitchCase=\"6\">{{ heading }}</h6>\n      </ng-container>\n    </div>\n    <ng-content></ng-content>\n  </div>\n  <div *ngIf=\"subheading?.trim()\" class=\"subheading\">{{ subheading }}</div>\n</div>\n<ng-container\n  *ngIf=\"expandable && togglePosition === 'trailing'\"\n  [ngTemplateOutlet]=\"chevron\"\n></ng-container>\n<div class=\"actions\"><ng-content select=\"[actions]\"></ng-content></div>\n\n<ng-template #chevron>\n  <riv-icon\n    class=\"expand-chevron\"\n    [class.expanded]=\"expanded\"\n    [name]=\"'ChevronDown'\"\n    [size]=\"20\"\n  ></riv-icon>\n</ng-template>\n", styles: [":host{display:flex;gap:var(--size-medium);min-width:0}:host.expandable{position:relative}:host.align-start{align-items:flex-start}:host.align-center{align-items:center}:host.padding-small{padding:var(--size-small)}:host.padding-medium{padding:var(--size-medium)}:host.padding-large{padding:var(--size-large)}:host.padding-xlarge{padding:var(--size-xlarge)}:host.padding-xxlarge{padding:var(--size-xxlarge)}:host.filled{background-color:var(--surface-light-1)}:host.filled,:host.divider{border-bottom:var(--border-width) solid var(--border-light)}.main{flex-grow:1;min-width:0}.title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--size-xsmall);min-width:0;font:var(--card-heading-font, var(--title-04));color:var(--card-heading-color, var(--type-light-high-contrast))}:host.filled .title-row{font:var(--card-heading-font, var(--title-02))}.leading{flex-shrink:0}.actions{position:relative;z-index:var(--card-raised-z-index);display:flex;flex-shrink:0;align-items:center;gap:var(--size-small)}.expand-toggle{position:absolute;inset:0;z-index:var(--card-click-target-z-index);padding:0;border:none;background:none;cursor:pointer;transition:background-color var(--short-transition)}.expand-toggle:not(:disabled):hover{background-color:var(--black-20)}.expand-toggle:disabled{cursor:default}.expand-toggle:focus-visible{outline:var(--border-width-large) solid var(--type-light-link);outline-offset:calc(-1 * var(--border-width-large))}.expand-chevron{flex-shrink:0;transition:transform var(--medium-transition)}.expand-chevron.expanded{transform:rotate(-180deg)}.leading:not(:has(*)),.actions:not(:has(*)){display:none}.heading{min-width:0}.heading>*{display:inline;margin:0;font:inherit;color:inherit}.subheading{font:var(--body-small);color:var(--type-light-low-contrast)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.CardComponent, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { heading: [{
-                type: Input
-            }], subheading: [{
-                type: Input
-            }], headingLevel: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], padding: [{
-                type: Input
-            }], divider: [{
-                type: Input
-            }], align: [{
-                type: Input
-            }], clamp: [{
-                type: Input
-            }], expandable: [{
-                type: Input
-            }], expanded: [{
-                type: Input
-            }], togglePosition: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], expandedChange: [{
-                type: Output
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-(function (CardHeaderComponent) {
-    CardHeaderComponent.Variants = ['plain', 'filled'];
-    CardHeaderComponent.HeadingLevels = [1, 2, 3, 4, 5, 6];
-    CardHeaderComponent.Aligns = ['start', 'center'];
-    CardHeaderComponent.TogglePositions = ['leading', 'trailing'];
-})(CardHeaderComponent || (CardHeaderComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvbGF5b3V0L2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvbGF5b3V0L2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBR0wsUUFBUSxFQUNSLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7OztBQUdsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrREc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQXlDLElBQTBCO1FBQTFCLFNBQUksR0FBSixJQUFJLENBQXNCO1FBRW5FOzs7V0FHRztRQUNNLFlBQU8sR0FBVyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUV2RDs7O1dBR0c7UUFDTSxhQUFRLEdBQVcsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFVekQsNkVBQTZFO1FBRTdFLGlCQUFZLEdBQXFDLENBQUMsQ0FBQztRQUVuRCxpRkFBaUY7UUFFakYsWUFBTyxHQUFnQyxPQUFPLENBQUM7UUFHL0MsWUFBTyxHQUEwQixRQUFRLENBQUM7UUFFMUMsMkVBQTJFO1FBRTNFLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFekIsNEVBQTRFO1FBRTVFLFVBQUssR0FBOEIsT0FBTyxDQUFDO1FBUzNDLGdFQUFnRTtRQUVoRSxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLHdFQUF3RTtRQUV4RSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLDhDQUE4QztRQUU5QyxtQkFBYyxHQUF1QyxVQUFVLENBQUM7UUFFaEU7Ozs7V0FJRztRQUVILGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIscUVBQXFFO1FBRXJFLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQXRFeUIsQ0FBQztJQXdFdkU7Ozs7O09BS0c7SUFDSCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUN2QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDeEMsQ0FBQztRQUNILENBQUM7UUFDRCxJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO1lBQzFCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsSUFBSSxFQUFFLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDeEMsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUMxQyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxnRkFBZ0Y7SUFDaEYsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVEOzs7T0FHRztJQUNPLE1BQU07UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQ3BCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLElBQUk7WUFDcEIsQ0FBQyxXQUFXLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUk7WUFDakMsQ0FBQyxTQUFTLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLElBQUk7WUFDN0IsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtTQUM1QixDQUFDO2FBQ0MsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUk7WUFDdkIsQ0FBQyxDQUFDLEVBQUU7WUFDSixDQUFDLENBQUM7Z0JBQ0UsT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLG9CQUFvQixFQUFFLFVBQVU7Z0JBQ2hDLG9CQUFvQixFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDckMsUUFBUSxFQUFFLFFBQVE7YUFDbkIsQ0FBQztJQUNSLENBQUM7K0dBeklVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDBjQ3hFaEMsa2lEQThDQTs7NEZEMEJhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs7MEJBR2xDLFFBQVE7eUNBZ0JyQixPQUFPO3NCQUROLEtBQUs7Z0JBS04sVUFBVTtzQkFEVCxLQUFLO2dCQUtOLFlBQVk7c0JBRFgsS0FBSztnQkFLTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBUU4sS0FBSztzQkFESixLQUFLO2dCQUtOLFVBQVU7c0JBRFQsS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBS04sY0FBYztzQkFEYixLQUFLO2dCQVNOLFFBQVE7c0JBRFAsS0FBSztnQkFLTixjQUFjO3NCQURiLE1BQU07Z0JBeUNILE9BQU87c0JBRFYsV0FBVzt1QkFBQyxPQUFPOztBQThCdEIsV0FBaUIsbUJBQW1CO0lBQ3JCLDRCQUFRLEdBQUcsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFVLENBQUM7SUFHeEMsaUNBQWEsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFVLENBQUM7SUFHNUMsMEJBQU0sR0FBRyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQVUsQ0FBQztJQUd0QyxtQ0FBZSxHQUFHLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBVSxDQUFDO0FBRWxFLENBQUMsRUFaZ0IsbUJBQW1CLEtBQW5CLG1CQUFtQixRQVluQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB1bmlxdWVJZCB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbi8qKlxuICogVG9wIHJvdyBvZiBhIGByaXYtY2FyZGA6IGhlYWRpbmcgdGV4dCBwbHVzIG9wdGlvbmFsIGFkb3JubWVudHMuXG4gKlxuICogVGhyZWUgcHJvamVjdGlvbiBzbG90cywgYWxsIG9wdGlvbmFsOlxuICogLSBgW2xlYWRpbmddYCDigJQgaWNvbiwgYXZhdGFyLCBvciBzdGF0dXMgZG90IHNob3duIGJlZm9yZSB0aGUgaGVhZGluZ1xuICogLSBkZWZhdWx0IOKAlCBsYWlkIG91dCBvbiB0aGUgaGVhZGluZydzIGJhc2VsaW5lLCBzbyBzdGF0dXMgYmFkZ2VzIHNpdCBiZXNpZGVcbiAqICAgdGhlIHRpdGxlIGFuZCB3cmFwIGJlbG93IGl0IHdoZW4gc3BhY2UgcnVucyBvdXQuIEFsc28gdGFrZXMgYSB3aG9sZSBjdXN0b21cbiAqICAgdGl0bGUgKGFuIGlubGluZSByZW5hbWUgZmllbGQsIHNheSkgd2hlbiBgaGVhZGluZ2AgaXMgbGVmdCB1bnNldDtcbiAqICAgYHN1YmhlYWRpbmdgIHN0aWxsIHJlbmRlcnMgYmVsb3cgZWl0aGVyIHdheS5cbiAqIC0gYFthY3Rpb25zXWAg4oCUIHRyYWlsaW5nIGNvbnRyb2xzIHN1Y2ggYXMgYHJpdi1tZW51YFxuICpcbiAqIGBgYGh0bWxcbiAqIDxyaXYtY2FyZC1oZWFkZXIgW2hlYWRpbmddPVwiJ0NvbW1lcmNpYWwgMjAyNSdcIiBbc3ViaGVhZGluZ109XCInQWV0bmEnXCI+XG4gKiAgIDxyaXYtaWNvbiBsZWFkaW5nIFtuYW1lXT1cIidGaWxlVGV4dCdcIj48L3Jpdi1pY29uPlxuICogICA8cml2LWJhZGdlIFtzaXplXT1cIidzbWFsbCdcIiBbdmFyaWFudF09XCInY2F0ZWdvcmljYWwtOCdcIj5EcmFmdDwvcml2LWJhZGdlPlxuICogICA8cml2LW1lbnUgYWN0aW9ucz4uLi48L3Jpdi1tZW51PlxuICogPC9yaXYtY2FyZC1oZWFkZXI+XG4gKiBgYGBcbiAqXG4gKiBgaGVhZGluZ0xldmVsYCByZW5kZXJzIGEgcmVhbCBgaDFg4oCTYGg2YCBzbyB0aGUgY2FyZCBmaXRzIHRoZSBwYWdlJ3MgaGVhZGluZ1xuICogb3V0bGluZTsgcGljayB0aGUgbGV2ZWwgdGhhdCBmb2xsb3dzIHRoZSBzdXJyb3VuZGluZyBjb250ZW50IHJhdGhlciB0aGFuIHRoZVxuICogb25lIHRoYXQgbG9va3MgcmlnaHQsIHNpbmNlIHNpemUgY29tZXMgZnJvbSB0aGUgZGVzaWduIHRva2VucyBlaXRoZXIgd2F5LlxuICpcbiAqIFRoZSBoZWFkaW5nIGZvbnQgYW5kIGNvbG91ciBjYW4gYmUgb3ZlcnJpZGRlbiBwZXItaW5zdGFuY2Ugd2l0aCB0aGVcbiAqIGAtLWNhcmQtaGVhZGluZy1mb250YCBhbmQgYC0tY2FyZC1oZWFkaW5nLWNvbG9yYCBjdXN0b20gcHJvcGVydGllcy5cbiAqXG4gKiAjIyBFeHBhbmRpbmcgYW5kIGNvbGxhcHNpbmdcbiAqXG4gKiBgZXhwYW5kYWJsZWAgdHVybnMgdGhlIGhlYWRlciBpbnRvIHRoZSB0b2dnbGUgZm9yIHRoZSBjYXJkJ3MgYm9keTogaXQgcmVuZGVyc1xuICogYSBjaGV2cm9uIGFuZCBjb3ZlcnMgdGhlIHJvdyB3aXRoIGEgcmVhbCBgPGJ1dHRvbj5gIGNhcnJ5aW5nIGBhcmlhLWV4cGFuZGVkYFxuICogYW5kIGBhcmlhLWNvbnRyb2xzYCwgc28gdGhlIHBhdHRlcm4gaXMga2V5Ym9hcmQgb3BlcmFibGUgYW5kIGFubm91bmNlcyBpdHNcbiAqIHN0YXRlLiBDb250cm9scyBpbiBgW2FjdGlvbnNdYCBzaXQgYWJvdmUgdGhhdCBidXR0b24gYW5kIHN0YXkgaW5kZXBlbmRlbnRseVxuICogY2xpY2thYmxlLCBzbyBhIG1lbnUgYmVzaWRlIHRoZSB0b2dnbGUgbmVlZHMgbm8gYHN0b3BQcm9wYWdhdGlvbmAuXG4gKlxuICogVGhlIGhlYWRlciBob2xkcyBubyBzdGF0ZSBvZiBpdHMgb3duIOKAlCBiaW5kIGBleHBhbmRlZGAgYW5kIGFjdCBvblxuICogYGV4cGFuZGVkQ2hhbmdlYCwgb3IgdXNlIGBbKGV4cGFuZGVkKV1gOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxyaXYtY2FyZD5cbiAqICAgPHJpdi1jYXJkLWhlYWRlclxuICogICAgIFtoZWFkaW5nXT1cIidQYXRpZW50IGluZm8nXCJcbiAqICAgICBbZXhwYW5kYWJsZV09XCJ0cnVlXCJcbiAqICAgICBbKGV4cGFuZGVkKV09XCJvcGVuXCJcbiAqICAgPjwvcml2LWNhcmQtaGVhZGVyPlxuICogICA8cml2LWNhcmQtY29udGVudCAqbmdJZj1cIm9wZW5cIj4uLi48L3Jpdi1jYXJkLWNvbnRlbnQ+XG4gKiA8L3Jpdi1jYXJkPlxuICogYGBgXG4gKlxuICogVGhlIHRvZ2dsZSBpcyBuYW1lZCBieSB0aGUgaGVhZGVyJ3MgdGl0bGUsIHNvIGFuIGV4cGFuZGFibGUgaGVhZGVyIG5lZWRzIGFcbiAqIGBoZWFkaW5nYCBvciBhIHByb2plY3RlZCB0aXRsZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncml2LWNhcmQtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1oZWFkZXIuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSByZWFkb25seSBjYXJkOiBDYXJkQ29tcG9uZW50IHwgbnVsbCkge31cblxuICAvKipcbiAgICogSWRlbnRpZmllcyB0aGUgdGl0bGUgZm9yIGEgY2xpY2thYmxlIGByaXYtY2FyZGAsIHdoaWNoIG5hbWVzIGl0cyBjbGlja1xuICAgKiB0YXJnZXQgZnJvbSB0aGUgdGl0bGUgcmF0aGVyIHRoYW4gZnJvbSB0aGUgY2FyZCdzIHdob2xlIHRleHQuXG4gICAqL1xuICByZWFkb25seSB0aXRsZUlkOiBzdHJpbmcgPSB1bmlxdWVJZCgncml2LWNhcmQtdGl0bGUtJyk7XG5cbiAgLyoqXG4gICAqIE5hbWVzIHRoZSBib2R5IHRoZSB0b2dnbGUgY29udHJvbHMuIEhhbmRlZCB0byB0aGUgZW5jbG9zaW5nIGNhcmQsIHdoaWNoXG4gICAqIHJlbGF5cyBpdCB0byB0aGUgcHJvamVjdGVkIGByaXYtY2FyZC1jb250ZW50YC5cbiAgICovXG4gIHJlYWRvbmx5IHJlZ2lvbklkOiBzdHJpbmcgPSB1bmlxdWVJZCgncml2LWNhcmQtcmVnaW9uLScpO1xuXG4gIC8qKiBIZWFkaW5nIHRleHQuIE9taXQgd2hlbiBwcm9qZWN0aW5nIGN1c3RvbSBoZWFkaW5nIG1hcmt1cCBpbnN0ZWFkLiAqL1xuICBASW5wdXQoKVxuICBoZWFkaW5nPzogc3RyaW5nO1xuXG4gIC8qKiBTdXBwb3J0aW5nIHRleHQgcmVuZGVyZWQgYmVsb3cgdGhlIGhlYWRpbmcuICovXG4gIEBJbnB1dCgpXG4gIHN1YmhlYWRpbmc/OiBzdHJpbmc7XG5cbiAgLyoqIEhlYWRpbmcgZWxlbWVudCByZW5kZXJlZCBmb3IgYGhlYWRpbmdgLCBmb3IgZG9jdW1lbnQgb3V0bGluZSBwdXJwb3Nlcy4gKi9cbiAgQElucHV0KClcbiAgaGVhZGluZ0xldmVsOiBDYXJkSGVhZGVyQ29tcG9uZW50LkhlYWRpbmdMZXZlbCA9IDM7XG5cbiAgLyoqIGBmaWxsZWRgIGdpdmVzIHRoZSBoZWFkZXIgaXRzIG93biBiYWNrZ3JvdW5kLCBzZXBhcmF0aW5nIGl0IGZyb20gdGhlIGJvZHkuICovXG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ6IENhcmRIZWFkZXJDb21wb25lbnQuVmFyaWFudCA9ICdwbGFpbic7XG5cbiAgQElucHV0KClcbiAgcGFkZGluZzogQ2FyZENvbXBvbmVudC5QYWRkaW5nID0gJ21lZGl1bSc7XG5cbiAgLyoqIERyYXdzIGEgc2VwYXJhdG9yIGJlbG93IHRoZSBoZWFkZXIuIEltcGxpZWQgYnkgdGhlIGBmaWxsZWRgIHZhcmlhbnQuICovXG4gIEBJbnB1dCgpXG4gIGRpdmlkZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQ3Jvc3MtYXhpcyBhbGlnbm1lbnQgb2YgdGhlIGxlYWRpbmcgc2xvdCwgaGVhZGluZyBibG9jaywgYW5kIGFjdGlvbnMuICovXG4gIEBJbnB1dCgpXG4gIGFsaWduOiBDYXJkSGVhZGVyQ29tcG9uZW50LkFsaWduID0gJ3N0YXJ0JztcblxuICAvKipcbiAgICogVHJ1bmNhdGVzIHRoZSBoZWFkaW5nIHRvIHRoaXMgbWFueSBsaW5lcyB3aXRoIGFuIGVsbGlwc2lzLiBMZWF2ZSB1bnNldCB0b1xuICAgKiBsZXQgdGhlIGhlYWRpbmcgd3JhcCBmcmVlbHkuXG4gICAqL1xuICBASW5wdXQoKVxuICBjbGFtcD86IG51bWJlcjtcblxuICAvKiogVHVybnMgdGhlIGhlYWRlciByb3cgaW50byB0aGUgdG9nZ2xlIGZvciB0aGUgY2FyZCdzIGJvZHkuICovXG4gIEBJbnB1dCgpXG4gIGV4cGFuZGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogV2hldGhlciB0aGUgYm9keSBpcyBjdXJyZW50bHkgb3Blbi4gVGhlIGNvbnN1bWVyIG93bnMgdGhpcyBzdGF0ZS4gKi9cbiAgQElucHV0KClcbiAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogU2lkZSBvZiB0aGUgaGVhZGVyIHRoZSBjaGV2cm9uIHNpdHMgb24uICovXG4gIEBJbnB1dCgpXG4gIHRvZ2dsZVBvc2l0aW9uOiBDYXJkSGVhZGVyQ29tcG9uZW50LlRvZ2dsZVBvc2l0aW9uID0gJ3RyYWlsaW5nJztcblxuICAvKipcbiAgICogQmxvY2tzIHRoZSB0b2dnbGUsIGZvciBhIHNlY3Rpb24gdGhhdCBpcyBub3QgeWV0IGF2YWlsYWJsZSB0byBvcGVuLiBTZXQgaXRcbiAgICogYWxvbmdzaWRlIGEgZGlzYWJsZWQgYHJpdi1jYXJkYCwgd2hvc2Ugb3duIGBkaXNhYmxlZGAgbXV0ZXMgdGhlIHN1cmZhY2UgYnV0XG4gICAqIGRvZXMgbm90IHJlYWNoIHRoZSBoZWFkZXIncyBjb250cm9scy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEVtaXR0ZWQgd2l0aCB0aGUgc3RhdGUgdGhlIGNvbnN1bWVyIGlzIGJlaW5nIGFza2VkIHRvIG1vdmUgdG8uICovXG4gIEBPdXRwdXQoKVxuICBleHBhbmRlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogT2ZmZXJzIHRoZSBoZWFkaW5nIHRvIGFuIGVuY2xvc2luZyBjYXJkIGFzIHRoZSBuYW1lIGZvciBpdHMgY2xpY2sgdGFyZ2V0LFxuICAgKiBhbmQgdGhlIHRvZ2dsZSdzIHJlZ2lvbiBzbyBhIHByb2plY3RlZCBgcml2LWNhcmQtY29udGVudGAgY2FuIHdlYXIgaXQuIE9ubHlcbiAgICogYSB0ZXh0IGhlYWRpbmcgaXMgb2ZmZXJlZDogcHJvamVjdGVkIHRpdGxlcyBjYW4gYmUgYW55dGhpbmcsIHNvIHRob3NlIGNhcmRzXG4gICAqIGZhbGwgYmFjayB0byBuYW1pbmcgYWdhaW5zdCB0aGVpciB3aG9sZSBjb250ZW50LlxuICAgKi9cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydoZWFkaW5nJ10pIHtcbiAgICAgIGlmICh0aGlzLmhlYWRpbmc/LnRyaW0oKSkge1xuICAgICAgICB0aGlzLmNhcmQ/LnNldFRpdGxlSWQodGhpcy50aXRsZUlkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY2FyZD8uY2xlYXJUaXRsZUlkKHRoaXMudGl0bGVJZCk7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzWydleHBhbmRhYmxlJ10pIHtcbiAgICAgIGlmICh0aGlzLmV4cGFuZGFibGUpIHtcbiAgICAgICAgdGhpcy5jYXJkPy5zZXRSZWdpb25JZCh0aGlzLnJlZ2lvbklkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY2FyZD8uY2xlYXJSZWdpb25JZCh0aGlzLnJlZ2lvbklkKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAvKiogV2l0aGRyYXdzIHRoZSBvZmZlciwgc28gdGhlIGNhcmQgc3RvcHMgbmFtaW5nIGl0c2VsZiBhZ2FpbnN0IHRoaXMgaGVhZGVyLiAqL1xuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmNhcmQ/LmNsZWFyVGl0bGVJZCh0aGlzLnRpdGxlSWQpO1xuICAgIHRoaXMuY2FyZD8uY2xlYXJSZWdpb25JZCh0aGlzLnJlZ2lvbklkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBc2tzIGZvciB0aGUgb3Bwb3NpdGUgc3RhdGUgcmF0aGVyIHRoYW4gdGFraW5nIGl0LCB3aGljaCBrZWVwcyB0aGUgaGVhZGVyXG4gICAqIGZyZWUgb2Ygc3RhdGUgdGhhdCBjb3VsZCBkcmlmdCBmcm9tIHRoZSBjb25zdW1lcidzLlxuICAgKi9cbiAgcHJvdGVjdGVkIHRvZ2dsZSgpIHtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQoIXRoaXMuZXhwYW5kZWQpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHtcbiAgICAgIFt0aGlzLnZhcmlhbnRdOiB0cnVlLFxuICAgICAgW2BwYWRkaW5nLSR7dGhpcy5wYWRkaW5nfWBdOiB0cnVlLFxuICAgICAgW2BhbGlnbi0ke3RoaXMuYWxpZ259YF06IHRydWUsXG4gICAgICBkaXZpZGVyOiB0aGlzLmRpdmlkZXIsXG4gICAgICBleHBhbmRhYmxlOiB0aGlzLmV4cGFuZGFibGUsXG4gICAgfSlcbiAgICAgIC5maWx0ZXIoKFtfLCB2XSkgPT4gdilcbiAgICAgIC5tYXAoKFtrXSkgPT4gaylcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICAvKipcbiAgICogTGluZSBjbGFtcGluZyBpcyBhcHBsaWVkIGlubGluZSBzbyB0aGUgbGluZSBjb3VudCBzdGF5cyBhIHBsYWluIGlucHV0XG4gICAqIHJhdGhlciB0aGFuIGEgZml4ZWQgc2V0IG9mIENTUyBjbGFzc2VzLlxuICAgKi9cbiAgZ2V0IGNsYW1wU3R5bGUoKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMuY2xhbXAgPT0gbnVsbFxuICAgICAgPyB7fVxuICAgICAgOiB7XG4gICAgICAgICAgZGlzcGxheTogJy13ZWJraXQtYm94JyxcbiAgICAgICAgICAnLXdlYmtpdC1ib3gtb3JpZW50JzogJ3ZlcnRpY2FsJyxcbiAgICAgICAgICAnLXdlYmtpdC1saW5lLWNsYW1wJzogYCR7dGhpcy5jbGFtcH1gLFxuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgfTtcbiAgfVxufVxuXG5leHBvcnQgbmFtZXNwYWNlIENhcmRIZWFkZXJDb21wb25lbnQge1xuICBleHBvcnQgY29uc3QgVmFyaWFudHMgPSBbJ3BsYWluJywgJ2ZpbGxlZCddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBWYXJpYW50ID0gKHR5cGVvZiBWYXJpYW50cylbbnVtYmVyXTtcblxuICBleHBvcnQgY29uc3QgSGVhZGluZ0xldmVscyA9IFsxLCAyLCAzLCA0LCA1LCA2XSBhcyBjb25zdDtcbiAgZXhwb3J0IHR5cGUgSGVhZGluZ0xldmVsID0gKHR5cGVvZiBIZWFkaW5nTGV2ZWxzKVtudW1iZXJdO1xuXG4gIGV4cG9ydCBjb25zdCBBbGlnbnMgPSBbJ3N0YXJ0JywgJ2NlbnRlciddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBBbGlnbiA9ICh0eXBlb2YgQWxpZ25zKVtudW1iZXJdO1xuXG4gIGV4cG9ydCBjb25zdCBUb2dnbGVQb3NpdGlvbnMgPSBbJ2xlYWRpbmcnLCAndHJhaWxpbmcnXSBhcyBjb25zdDtcbiAgZXhwb3J0IHR5cGUgVG9nZ2xlUG9zaXRpb24gPSAodHlwZW9mIFRvZ2dsZVBvc2l0aW9ucylbbnVtYmVyXTtcbn1cbiIsIjxidXR0b25cbiAgKm5nSWY9XCJleHBhbmRhYmxlXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIGNsYXNzPVwiZXhwYW5kLXRvZ2dsZVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJleHBhbmRlZFwiXG4gIFthdHRyLmFyaWEtY29udHJvbHNdPVwicmVnaW9uSWRcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGVJZFwiXG4gIChjbGljayk9XCJ0b2dnbGUoKVwiXG4+PC9idXR0b24+XG48bmctY29udGFpbmVyXG4gICpuZ0lmPVwiZXhwYW5kYWJsZSAmJiB0b2dnbGVQb3NpdGlvbiA9PT0gJ2xlYWRpbmcnXCJcbiAgW25nVGVtcGxhdGVPdXRsZXRdPVwiY2hldnJvblwiXG4+PC9uZy1jb250YWluZXI+XG48ZGl2IGNsYXNzPVwibGVhZGluZ1wiPjxuZy1jb250ZW50IHNlbGVjdD1cIltsZWFkaW5nXVwiPjwvbmctY29udGVudD48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtYWluXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZS1yb3dcIiBbaWRdPVwidGl0bGVJZFwiPlxuICAgIDxkaXYgKm5nSWY9XCJoZWFkaW5nPy50cmltKClcIiBjbGFzcz1cImhlYWRpbmdcIiBbbmdTdHlsZV09XCJjbGFtcFN0eWxlXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJoZWFkaW5nTGV2ZWxcIj5cbiAgICAgICAgPGgxICpuZ1N3aXRjaENhc2U9XCIxXCI+e3sgaGVhZGluZyB9fTwvaDE+XG4gICAgICAgIDxoMiAqbmdTd2l0Y2hDYXNlPVwiMlwiPnt7IGhlYWRpbmcgfX08L2gyPlxuICAgICAgICA8aDMgKm5nU3dpdGNoQ2FzZT1cIjNcIj57eyBoZWFkaW5nIH19PC9oMz5cbiAgICAgICAgPGg0ICpuZ1N3aXRjaENhc2U9XCI0XCI+e3sgaGVhZGluZyB9fTwvaDQ+XG4gICAgICAgIDxoNSAqbmdTd2l0Y2hDYXNlPVwiNVwiPnt7IGhlYWRpbmcgfX08L2g1PlxuICAgICAgICA8aDYgKm5nU3dpdGNoQ2FzZT1cIjZcIj57eyBoZWFkaW5nIH19PC9oNj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJzdWJoZWFkaW5nPy50cmltKClcIiBjbGFzcz1cInN1YmhlYWRpbmdcIj57eyBzdWJoZWFkaW5nIH19PC9kaXY+XG48L2Rpdj5cbjxuZy1jb250YWluZXJcbiAgKm5nSWY9XCJleHBhbmRhYmxlICYmIHRvZ2dsZVBvc2l0aW9uID09PSAndHJhaWxpbmcnXCJcbiAgW25nVGVtcGxhdGVPdXRsZXRdPVwiY2hldnJvblwiXG4+PC9uZy1jb250YWluZXI+XG48ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPjxuZy1jb250ZW50IHNlbGVjdD1cIlthY3Rpb25zXVwiPjwvbmctY29udGVudD48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjaGV2cm9uPlxuICA8cml2LWljb25cbiAgICBjbGFzcz1cImV4cGFuZC1jaGV2cm9uXCJcbiAgICBbY2xhc3MuZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtuYW1lXT1cIidDaGV2cm9uRG93bidcIlxuICAgIFtzaXplXT1cIjIwXCJcbiAgPjwvcml2LWljb24+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/layout/card/card-link.component.mjs

@@ -1,115 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostBinding, Input, Optional, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./card.component";
-/**
- * Makes a `riv-card` activate, applied to a native `<a>` or `<button>` inside
- * the card.
- *
- * Two modes:
- * - `stretch` (default) — the element's hit area expands to cover the whole
- *   card, so clicking anywhere activates it. Sibling controls in
- *   `riv-card-header`'s `[actions]` slot and in `riv-card-actions` stay above
- *   the overlay and remain independently clickable, with no need to stop event
- *   propagation.
- * - `region` — the element behaves as an ordinary block wrapper, activating
- *   only the part of the card it wraps. Use this when a card has more than one
- *   meaningful destination.
- *
- * ```html
- * <riv-card>
- *   <riv-card-header [heading]="workbook.name">
- *     <a riv-card-link [routerLink]="['/workbooks', workbook.id]">
- *       {{ workbook.name }}
- *     </a>
- *     <riv-menu actions>...</riv-menu>
- *   </riv-card-header>
- * </riv-card>
- * ```
- *
- * Prefer this over a click handler on the card: a real `<a>` keeps keyboard
- * focus, "open in new tab", and screen reader link semantics, and a real
- * `<button>` does the same for actions that do not navigate. Because the
- * overlay is a sibling of the card's other controls rather than an ancestor,
- * the card avoids nesting interactive elements.
- *
- * When `stretch` is used, keep the visible link text meaningful on its own —
- * it is the accessible name for the whole card.
- */
-export class CardLinkComponent {
-    constructor(el, renderer, card) {
-        this.el = el;
-        this.renderer = renderer;
-        this.card = card;
-        /** Whether the hit area covers the whole card or only the wrapped region. */
-        this.mode = 'stretch';
-    }
-    get classes() {
-        return Object.entries({
-            [this.mode]: true,
-            disabled: !!this.disabled,
-        })
-            .filter(([_, v]) => v)
-            .map(([k]) => k)
-            .join(' ');
-    }
-    get ariaDisabled() {
-        return this.disabled ? 'true' : null;
-    }
-    get tabIndex() {
-        return this.disabled ? '-1' : null;
-    }
-    /**
-     * Tells the enclosing card when this link covers it, so the card raises the
-     * same hover shadow as a clickable one. Registered on init too, since an
-     * unbound `mode` defaults to `stretch` without triggering `ngOnChanges`.
-     */
-    ngOnInit() {
-        this.registerStretch();
-    }
-    ngOnChanges(changes) {
-        if (changes['mode'] || changes['disabled']) {
-            this.registerStretch();
-        }
-        // Anchors have no `disabled` property, so only real controls are disabled
-        // natively; the rest rely on `aria-disabled` and suppressed pointer events.
-        if (changes['disabled'] && 'disabled' in this.el.nativeElement) {
-            if (this.disabled) {
-                this.renderer.setAttribute(this.el.nativeElement, 'disabled', 'true');
-            }
-            else {
-                this.renderer.removeAttribute(this.el.nativeElement, 'disabled');
-            }
-        }
-    }
-    ngOnDestroy() {
-        this.card?.setStretchLink(false);
-    }
-    registerStretch() {
-        this.card?.setStretchLink(this.mode === 'stretch' && !this.disabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardLinkComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.CardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardLinkComponent, selector: "[riv-card-link]", inputs: { mode: "mode", disabled: "disabled" }, host: { properties: { "class": "this.classes", "attr.aria-disabled": "this.ariaDisabled", "attr.tabindex": "this.tabIndex" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{padding:0;border:none;background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:pointer}:host.disabled{color:var(--type-light-disabled);cursor:default}:host.region{display:block;min-width:0;transition:background-color var(--short-transition)}:host.region:not(.disabled):hover{background-color:var(--black-20)}:host.stretch:after{content:\"\";position:absolute;inset:0;z-index:var(--card-click-target-z-index)}:host.stretch.disabled:after{pointer-events:none}:host.stretch:focus-visible{outline:none}:host.stretch:focus-visible:after{outline:var(--border-width-large) solid var(--type-light-link);outline-offset:calc(-1 * var(--border-width-large))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: '[riv-card-link]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{padding:0;border:none;background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:pointer}:host.disabled{color:var(--type-light-disabled);cursor:default}:host.region{display:block;min-width:0;transition:background-color var(--short-transition)}:host.region:not(.disabled):hover{background-color:var(--black-20)}:host.stretch:after{content:\"\";position:absolute;inset:0;z-index:var(--card-click-target-z-index)}:host.stretch.disabled:after{pointer-events:none}:host.stretch:focus-visible{outline:none}:host.stretch:focus-visible:after{outline:var(--border-width-large) solid var(--type-light-link);outline-offset:calc(-1 * var(--border-width-large))}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.CardComponent, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { mode: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }], ariaDisabled: [{
-                type: HostBinding,
-                args: ['attr.aria-disabled']
-            }], tabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }] } });
-(function (CardLinkComponent) {
-    CardLinkComponent.Modes = ['stretch', 'region'];
-})(CardLinkComponent || (CardLinkComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL2xheW91dC9jYXJkL2NhcmQtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9sYXlvdXQvY2FyZC9jYXJkLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsV0FBVyxFQUNYLEtBQUssRUFJTCxRQUFRLEdBR1QsTUFBTSxlQUFlLENBQUM7OztBQUd2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUNHO0FBT0gsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixZQUNtQixFQUFjLEVBQ2QsUUFBbUIsRUFDUCxJQUEwQjtRQUZ0QyxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNQLFNBQUksR0FBSixJQUFJLENBQXNCO1FBR3pELDZFQUE2RTtRQUU3RSxTQUFJLEdBQTJCLFNBQVMsQ0FBQztJQUp0QyxDQUFDO0lBU0osSUFDSSxPQUFPO1FBQ1QsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQ3BCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUk7WUFDakIsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtTQUMxQixDQUFDO2FBQ0MsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDO0lBRUQsSUFDSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNyQyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUMzQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsQ0FBQztRQUNELDBFQUEwRTtRQUMxRSw0RUFBNEU7UUFDNUUsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksVUFBVSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUN4RSxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDbkUsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLEVBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7K0dBakVVLGlCQUFpQjttR0FBakIsaUJBQWlCLDRQQ3ZEOUIsNkJBQ0E7OzRGRHNEYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07OzBCQU01QyxRQUFRO3lDQUtYLElBQUk7c0JBREgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSUYsT0FBTztzQkFEVixXQUFXO3VCQUFDLE9BQU87Z0JBWWhCLFlBQVk7c0JBRGYsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTTdCLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxlQUFlOztBQXNDOUIsV0FBaUIsaUJBQWlCO0lBQ25CLHVCQUFLLEdBQUcsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFVLENBQUM7QUFFdEQsQ0FBQyxFQUhnQixpQkFBaUIsS0FBakIsaUJBQWlCLFFBR2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPcHRpb25hbCxcbiAgUmVuZGVyZXIyLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcblxuLyoqXG4gKiBNYWtlcyBhIGByaXYtY2FyZGAgYWN0aXZhdGUsIGFwcGxpZWQgdG8gYSBuYXRpdmUgYDxhPmAgb3IgYDxidXR0b24+YCBpbnNpZGVcbiAqIHRoZSBjYXJkLlxuICpcbiAqIFR3byBtb2RlczpcbiAqIC0gYHN0cmV0Y2hgIChkZWZhdWx0KSDigJQgdGhlIGVsZW1lbnQncyBoaXQgYXJlYSBleHBhbmRzIHRvIGNvdmVyIHRoZSB3aG9sZVxuICogICBjYXJkLCBzbyBjbGlja2luZyBhbnl3aGVyZSBhY3RpdmF0ZXMgaXQuIFNpYmxpbmcgY29udHJvbHMgaW5cbiAqICAgYHJpdi1jYXJkLWhlYWRlcmAncyBgW2FjdGlvbnNdYCBzbG90IGFuZCBpbiBgcml2LWNhcmQtYWN0aW9uc2Agc3RheSBhYm92ZVxuICogICB0aGUgb3ZlcmxheSBhbmQgcmVtYWluIGluZGVwZW5kZW50bHkgY2xpY2thYmxlLCB3aXRoIG5vIG5lZWQgdG8gc3RvcCBldmVudFxuICogICBwcm9wYWdhdGlvbi5cbiAqIC0gYHJlZ2lvbmAg4oCUIHRoZSBlbGVtZW50IGJlaGF2ZXMgYXMgYW4gb3JkaW5hcnkgYmxvY2sgd3JhcHBlciwgYWN0aXZhdGluZ1xuICogICBvbmx5IHRoZSBwYXJ0IG9mIHRoZSBjYXJkIGl0IHdyYXBzLiBVc2UgdGhpcyB3aGVuIGEgY2FyZCBoYXMgbW9yZSB0aGFuIG9uZVxuICogICBtZWFuaW5nZnVsIGRlc3RpbmF0aW9uLlxuICpcbiAqIGBgYGh0bWxcbiAqIDxyaXYtY2FyZD5cbiAqICAgPHJpdi1jYXJkLWhlYWRlciBbaGVhZGluZ109XCJ3b3JrYm9vay5uYW1lXCI+XG4gKiAgICAgPGEgcml2LWNhcmQtbGluayBbcm91dGVyTGlua109XCJbJy93b3JrYm9va3MnLCB3b3JrYm9vay5pZF1cIj5cbiAqICAgICAgIHt7IHdvcmtib29rLm5hbWUgfX1cbiAqICAgICA8L2E+XG4gKiAgICAgPHJpdi1tZW51IGFjdGlvbnM+Li4uPC9yaXYtbWVudT5cbiAqICAgPC9yaXYtY2FyZC1oZWFkZXI+XG4gKiA8L3Jpdi1jYXJkPlxuICogYGBgXG4gKlxuICogUHJlZmVyIHRoaXMgb3ZlciBhIGNsaWNrIGhhbmRsZXIgb24gdGhlIGNhcmQ6IGEgcmVhbCBgPGE+YCBrZWVwcyBrZXlib2FyZFxuICogZm9jdXMsIFwib3BlbiBpbiBuZXcgdGFiXCIsIGFuZCBzY3JlZW4gcmVhZGVyIGxpbmsgc2VtYW50aWNzLCBhbmQgYSByZWFsXG4gKiBgPGJ1dHRvbj5gIGRvZXMgdGhlIHNhbWUgZm9yIGFjdGlvbnMgdGhhdCBkbyBub3QgbmF2aWdhdGUuIEJlY2F1c2UgdGhlXG4gKiBvdmVybGF5IGlzIGEgc2libGluZyBvZiB0aGUgY2FyZCdzIG90aGVyIGNvbnRyb2xzIHJhdGhlciB0aGFuIGFuIGFuY2VzdG9yLFxuICogdGhlIGNhcmQgYXZvaWRzIG5lc3RpbmcgaW50ZXJhY3RpdmUgZWxlbWVudHMuXG4gKlxuICogV2hlbiBgc3RyZXRjaGAgaXMgdXNlZCwga2VlcCB0aGUgdmlzaWJsZSBsaW5rIHRleHQgbWVhbmluZ2Z1bCBvbiBpdHMgb3duIOKAlFxuICogaXQgaXMgdGhlIGFjY2Vzc2libGUgbmFtZSBmb3IgdGhlIHdob2xlIGNhcmQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1tyaXYtY2FyZC1saW5rXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWxpbmsuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgQE9wdGlvbmFsKCkgcHJpdmF0ZSByZWFkb25seSBjYXJkOiBDYXJkQ29tcG9uZW50IHwgbnVsbCxcbiAgKSB7fVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBoaXQgYXJlYSBjb3ZlcnMgdGhlIHdob2xlIGNhcmQgb3Igb25seSB0aGUgd3JhcHBlZCByZWdpb24uICovXG4gIEBJbnB1dCgpXG4gIG1vZGU6IENhcmRMaW5rQ29tcG9uZW50Lk1vZGUgPSAnc3RyZXRjaCc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyh7XG4gICAgICBbdGhpcy5tb2RlXTogdHJ1ZSxcbiAgICAgIGRpc2FibGVkOiAhIXRoaXMuZGlzYWJsZWQsXG4gICAgfSlcbiAgICAgIC5maWx0ZXIoKFtfLCB2XSkgPT4gdilcbiAgICAgIC5tYXAoKFtrXSkgPT4gaylcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kaXNhYmxlZCcpXG4gIGdldCBhcmlhRGlzYWJsZWQoKTogJ3RydWUnIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JylcbiAgZ2V0IHRhYkluZGV4KCk6ICctMScgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCA/ICctMScgOiBudWxsO1xuICB9XG5cbiAgLyoqXG4gICAqIFRlbGxzIHRoZSBlbmNsb3NpbmcgY2FyZCB3aGVuIHRoaXMgbGluayBjb3ZlcnMgaXQsIHNvIHRoZSBjYXJkIHJhaXNlcyB0aGVcbiAgICogc2FtZSBob3ZlciBzaGFkb3cgYXMgYSBjbGlja2FibGUgb25lLiBSZWdpc3RlcmVkIG9uIGluaXQgdG9vLCBzaW5jZSBhblxuICAgKiB1bmJvdW5kIGBtb2RlYCBkZWZhdWx0cyB0byBgc3RyZXRjaGAgd2l0aG91dCB0cmlnZ2VyaW5nIGBuZ09uQ2hhbmdlc2AuXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnJlZ2lzdGVyU3RyZXRjaCgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydtb2RlJ10gfHwgY2hhbmdlc1snZGlzYWJsZWQnXSkge1xuICAgICAgdGhpcy5yZWdpc3RlclN0cmV0Y2goKTtcbiAgICB9XG4gICAgLy8gQW5jaG9ycyBoYXZlIG5vIGBkaXNhYmxlZGAgcHJvcGVydHksIHNvIG9ubHkgcmVhbCBjb250cm9scyBhcmUgZGlzYWJsZWRcbiAgICAvLyBuYXRpdmVseTsgdGhlIHJlc3QgcmVseSBvbiBgYXJpYS1kaXNhYmxlZGAgYW5kIHN1cHByZXNzZWQgcG9pbnRlciBldmVudHMuXG4gICAgaWYgKGNoYW5nZXNbJ2Rpc2FibGVkJ10gJiYgJ2Rpc2FibGVkJyBpbiB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgJ2Rpc2FibGVkJywgJ3RydWUnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQXR0cmlidXRlKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgJ2Rpc2FibGVkJyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5jYXJkPy5zZXRTdHJldGNoTGluayhmYWxzZSk7XG4gIH1cblxuICBwcml2YXRlIHJlZ2lzdGVyU3RyZXRjaCgpIHtcbiAgICB0aGlzLmNhcmQ/LnNldFN0cmV0Y2hMaW5rKHRoaXMubW9kZSA9PT0gJ3N0cmV0Y2gnICYmICF0aGlzLmRpc2FibGVkKTtcbiAgfVxufVxuXG5leHBvcnQgbmFtZXNwYWNlIENhcmRMaW5rQ29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IE1vZGVzID0gWydzdHJldGNoJywgJ3JlZ2lvbiddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBNb2RlID0gKHR5cGVvZiBNb2RlcylbbnVtYmVyXTtcbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/lib/layout/card/card-media.component.mjs

@@ -1,70 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/**
- * Image or video region of a `riv-card`, usually its first part.
- *
- * Pass `src` to render an image, or project any other media (`<video>`,
- * `<iframe>`, a chart) as content:
- *
- * ```html
- * <riv-card-media
- *   [src]="report.thumbnailUrl"
- *   [alt]="'Preview of ' + report.name"
- *   [aspectRatio]="'16 / 9'"
- * ></riv-card-media>
- * ```
- *
- * `alt` defaults to an empty string, which marks the image as decorative. Set
- * it whenever the media carries information the surrounding text does not — a
- * card whose only distinguishing feature is its image needs one.
- *
- * Give the region a stable box with `aspectRatio` or `height` so cards in a
- * grid stay aligned while images load.
- */
-export class CardMediaComponent {
-    constructor() {
-        /** Alternative text. Empty means decorative. */
-        this.alt = '';
-        /** How the image fills the region. */
-        this.fit = 'cover';
-    }
-    get classes() {
-        return `fit-${this.fit}`;
-    }
-    get aspectRatioStyle() {
-        return this.aspectRatio ?? null;
-    }
-    get heightStyle() {
-        return this.height ?? null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardMediaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardMediaComponent, selector: "riv-card-media", inputs: { src: "src", alt: "alt", aspectRatio: "aspectRatio", height: "height", fit: "fit" }, host: { properties: { "class": "this.classes", "style.aspect-ratio": "this.aspectRatioStyle", "style.height": "this.heightStyle" } }, ngImport: i0, template: "<img *ngIf=\"src\" class=\"image\" [src]=\"src\" [alt]=\"alt\" />\n<ng-content></ng-content>\n", styles: [":host{display:block;flex-shrink:0;overflow:hidden;min-width:0;background-color:var(--surface-light-1)}.image{display:block;width:100%;height:100%}:host.fit-cover .image{object-fit:cover}:host.fit-contain .image{object-fit:contain}:host.fit-fill .image{object-fit:fill}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardMediaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'riv-card-media', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img *ngIf=\"src\" class=\"image\" [src]=\"src\" [alt]=\"alt\" />\n<ng-content></ng-content>\n", styles: [":host{display:block;flex-shrink:0;overflow:hidden;min-width:0;background-color:var(--surface-light-1)}.image{display:block;width:100%;height:100%}:host.fit-cover .image{object-fit:cover}:host.fit-contain .image{object-fit:contain}:host.fit-fill .image{object-fit:fill}\n"] }]
-        }], propDecorators: { src: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], aspectRatio: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], fit: [{
-                type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }], aspectRatioStyle: [{
-                type: HostBinding,
-                args: ['style.aspect-ratio']
-            }], heightStyle: [{
-                type: HostBinding,
-                args: ['style.height']
-            }] } });
-(function (CardMediaComponent) {
-    CardMediaComponent.Fits = ['cover', 'contain', 'fill'];
-})(CardMediaComponent || (CardMediaComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1tZWRpYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9sYXlvdXQvY2FyZC9jYXJkLW1lZGlhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL2xheW91dC9jYXJkL2NhcmQtbWVkaWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7O0FBRXZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQU9ILE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFXRSxnREFBZ0Q7UUFFaEQsUUFBRyxHQUFXLEVBQUUsQ0FBQztRQVVqQixzQ0FBc0M7UUFFdEMsUUFBRyxHQUEyQixPQUFPLENBQUM7S0FnQnZDO0lBZEMsSUFDSSxPQUFPO1FBQ1QsT0FBTyxPQUFPLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFDSSxnQkFBZ0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQztJQUM3QixDQUFDOytHQWxDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwUkNsQy9CLGdHQUVBOzs0RkRnQ2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxHQUFHO3NCQURGLEtBQUs7Z0JBS04sR0FBRztzQkFERixLQUFLO2dCQUtOLFdBQVc7c0JBRFYsS0FBSztnQkFLTixNQUFNO3NCQURMLEtBQUs7Z0JBS04sR0FBRztzQkFERixLQUFLO2dCQUlGLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxPQUFPO2dCQU1oQixnQkFBZ0I7c0JBRG5CLFdBQVc7dUJBQUMsb0JBQW9CO2dCQU03QixXQUFXO3NCQURkLFdBQVc7dUJBQUMsY0FBYzs7QUFNN0IsV0FBaUIsa0JBQWtCO0lBQ3BCLHVCQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBVSxDQUFDO0FBRTVELENBQUMsRUFIZ0Isa0JBQWtCLEtBQWxCLGtCQUFrQixRQUdsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogSW1hZ2Ugb3IgdmlkZW8gcmVnaW9uIG9mIGEgYHJpdi1jYXJkYCwgdXN1YWxseSBpdHMgZmlyc3QgcGFydC5cbiAqXG4gKiBQYXNzIGBzcmNgIHRvIHJlbmRlciBhbiBpbWFnZSwgb3IgcHJvamVjdCBhbnkgb3RoZXIgbWVkaWEgKGA8dmlkZW8+YCxcbiAqIGA8aWZyYW1lPmAsIGEgY2hhcnQpIGFzIGNvbnRlbnQ6XG4gKlxuICogYGBgaHRtbFxuICogPHJpdi1jYXJkLW1lZGlhXG4gKiAgIFtzcmNdPVwicmVwb3J0LnRodW1ibmFpbFVybFwiXG4gKiAgIFthbHRdPVwiJ1ByZXZpZXcgb2YgJyArIHJlcG9ydC5uYW1lXCJcbiAqICAgW2FzcGVjdFJhdGlvXT1cIicxNiAvIDknXCJcbiAqID48L3Jpdi1jYXJkLW1lZGlhPlxuICogYGBgXG4gKlxuICogYGFsdGAgZGVmYXVsdHMgdG8gYW4gZW1wdHkgc3RyaW5nLCB3aGljaCBtYXJrcyB0aGUgaW1hZ2UgYXMgZGVjb3JhdGl2ZS4gU2V0XG4gKiBpdCB3aGVuZXZlciB0aGUgbWVkaWEgY2FycmllcyBpbmZvcm1hdGlvbiB0aGUgc3Vycm91bmRpbmcgdGV4dCBkb2VzIG5vdCDigJQgYVxuICogY2FyZCB3aG9zZSBvbmx5IGRpc3Rpbmd1aXNoaW5nIGZlYXR1cmUgaXMgaXRzIGltYWdlIG5lZWRzIG9uZS5cbiAqXG4gKiBHaXZlIHRoZSByZWdpb24gYSBzdGFibGUgYm94IHdpdGggYGFzcGVjdFJhdGlvYCBvciBgaGVpZ2h0YCBzbyBjYXJkcyBpbiBhXG4gKiBncmlkIHN0YXkgYWxpZ25lZCB3aGlsZSBpbWFnZXMgbG9hZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncml2LWNhcmQtbWVkaWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1tZWRpYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtbWVkaWEuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZE1lZGlhQ29tcG9uZW50IHtcbiAgLyoqIEltYWdlIFVSTC4gT21pdCB3aGVuIHByb2plY3RpbmcgbWVkaWEgYXMgY29udGVudCBpbnN0ZWFkLiAqL1xuICBASW5wdXQoKVxuICBzcmM/OiBzdHJpbmc7XG5cbiAgLyoqIEFsdGVybmF0aXZlIHRleHQuIEVtcHR5IG1lYW5zIGRlY29yYXRpdmUuICovXG4gIEBJbnB1dCgpXG4gIGFsdDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEFueSBDU1MgYGFzcGVjdC1yYXRpb2AgdmFsdWUsIGUuZy4gYCcxNiAvIDknYC4gKi9cbiAgQElucHV0KClcbiAgYXNwZWN0UmF0aW8/OiBzdHJpbmc7XG5cbiAgLyoqIEFueSBDU1MgbGVuZ3RoLCBlLmcuIGAnMTQwcHgnYC4gVGFrZXMgcHJlY2VkZW5jZSBvdmVyIGBhc3BlY3RSYXRpb2AuICovXG4gIEBJbnB1dCgpXG4gIGhlaWdodD86IHN0cmluZztcblxuICAvKiogSG93IHRoZSBpbWFnZSBmaWxscyB0aGUgcmVnaW9uLiAqL1xuICBASW5wdXQoKVxuICBmaXQ6IENhcmRNZWRpYUNvbXBvbmVudC5GaXQgPSAnY292ZXInO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgZml0LSR7dGhpcy5maXR9YDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuYXNwZWN0LXJhdGlvJylcbiAgZ2V0IGFzcGVjdFJhdGlvU3R5bGUoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuYXNwZWN0UmF0aW8gPz8gbnVsbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuaGVpZ2h0JylcbiAgZ2V0IGhlaWdodFN0eWxlKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmhlaWdodCA/PyBudWxsO1xuICB9XG59XG5cbmV4cG9ydCBuYW1lc3BhY2UgQ2FyZE1lZGlhQ29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IEZpdHMgPSBbJ2NvdmVyJywgJ2NvbnRhaW4nLCAnZmlsbCddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBGaXQgPSAodHlwZW9mIEZpdHMpW251bWJlcl07XG59XG4iLCI8aW1nICpuZ0lmPVwic3JjXCIgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic3JjXCIgW2FsdF09XCJhbHRcIiAvPlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19