@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-card.mjs

@@ -1,187 +1,222 @@
-import { NgClass, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i1 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-
+import { CommonModule, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, NgModule, Optional, Output } from "@angular/core";
+import * as i1 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
 const NON_SELECTABLE_CARD_VARIANTS = [
-    'educative',
-    'premium',
-    'ai',
-    'actionDriver',
-    'neutral',
+	"educative",
+	"premium",
+	"ai",
+	"actionDriver",
+	"neutral"
 ];
-
-class CardComponent {
-    /**
-     * Show errors below card.
-     *
-     * @type {string[]}
-     * @memberof CardComponent
-     */
-    set errors(errors) {
-        this.safeErrors = errors?.filter(Boolean) ?? [];
-    }
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Card size. Defaults "medium".
-         *
-         * @type {CardSize}
-         * @memberof CardComponent
-         */
-        this.size = 'medium';
-        /**
-         * Card size variant. Defaults "default".
-         *
-         * @type {CardSizeVariant}
-         * @memberof CardComponent
-         */
-        this.sizeVariant = 'regular';
-        /**
-         * Card variants. Defaults "default".
-         *
-         * @type {CardVariant}
-         * @memberof CardComponent
-         */
-        this.variant = 'default';
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof CardComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Errors size
-         *
-         * @type {string}
-         * @memberof CardComponent
-         */
-        this.errorsSize = 'default';
-        /**
-         * Marks card as selected
-         *
-         * @type {boolean}
-         * @memberof CardComponent
-         */
-        this.selected = false;
-        /**
-         * Marks card as readonly. Defaults "false".
-         *
-         * @type {boolean}
-         * @memberof CardComponent
-         */
-        this.allowSelect = false;
-        /**
-         * Marks card as focusable. Defaults "true".
-         *
-         * @type {boolean}
-         * @memberof CardComponent
-         */
-        this.allowFocus = true;
-        this.testId = null;
-        /**
-         * Emits when card is being selected
-         */
-        this.cardSelected = new EventEmitter();
-        this.safeErrors = [];
-        this.classes = '';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnChanges() {
-        this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;
-    }
-    ngOnInit() {
-        this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;
-    }
-    get cardVariant() {
-        return this.safeErrors?.length ? 'error' : this.variant;
-    }
-    get errorIconSize() {
-        return this.errorsSize === 'small' ? '16' : '24';
-    }
-    get isSelected() {
-        // educative, premium, ai, actionDriver and neutral variants shouldn't have any selected/interactive states
-        return this.selected && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);
-    }
-    /**
-     * Whether activating the card does anything. Drives `tabindex`, `role` and `aria-pressed`.
-     *
-     * @type {boolean}
-     * @memberof CardComponent
-     */
-    get isActionable() {
-        return this.allowSelect && this.variant !== 'default' && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);
-    }
-    /**
-     * @param event The originating DOM event. Events raised inside the projected footer are ignored.
-     */
-    selectCard(event) {
-        if (!this.isActionable || this.isFromProjectedFooter(event)) {
-            return;
-        }
-        this.selected = true;
-        this.cardSelected.emit(this.selected);
-    }
-    isFromProjectedFooter(event) {
-        const target = event?.target;
-        return target instanceof Element && Boolean(target.closest('.card-footer'));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CardComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: CardComponent, isStandalone: true, selector: "ui-card", inputs: { size: "size", sizeVariant: "sizeVariant", variant: "variant", applicationTheme: "applicationTheme", errors: "errors", errorsSize: "errorsSize", selected: "selected", allowSelect: "allowSelect", allowFocus: "allowFocus", testId: "testId" }, outputs: { cardSelected: "cardSelected" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.card-container{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px;border:1px solid #e0e0e0;background:#fff;padding:var(--ui-card-padding-y) var(--ui-card-padding-x);position:relative;transition:box-shadow .25s ease;outline-offset:-2px;--ui-card-ring: none;--ui-card-ring-inset: -1px}.card-container:after{content:\"\";position:absolute;z-index:1;inset:var(--ui-card-ring-inset);border-radius:inherit;box-shadow:var(--ui-card-ring);pointer-events:none}.card-container.card-size-medium{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px}.card-container.card-size-medium.condensed{--ui-card-padding-x: 24px;--ui-card-padding-y: 16px}.card-container.card-size-large{--ui-card-padding-x: 80px;--ui-card-padding-y: 80px}.card-container.card-size-small{--ui-card-padding-x: 16px;--ui-card-padding-y: 16px}.card-container.card-size-small.condensed{--ui-card-padding-x: 16px;--ui-card-padding-y: 12px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px;border-width:1px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{--ui-card-ring-inset: -2px;border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{--ui-card-ring-inset: -2px;border:2px solid transparent;background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.card-container[theme=dark].educative,.card-container[theme=light].educative{background:#d9e8ff;border-color:#1a47aa}.card-container[theme=dark].premium,.card-container[theme=light].premium{background:#fff5e6;border-color:#d07d00}.card-container[theme=dark].actionDriver,.card-container[theme=light].actionDriver{background:#242424;border:none}.card-container[theme=dark].neutral,.card-container[theme=light].neutral{background:#f4f4f4;border:none}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=dark].state:hover:focus,.card-container[theme=light].state:hover,.card-container[theme=light].state:hover:focus{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].state.selected:focus:not(:focus-visible),.card-container[theme=light].state.selected:focus:not(:focus-visible){--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].neutral-state,.card-container[theme=light].neutral-state{--ui-card-ring: inset 0 0 0 2px #242424;background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:not(.selected):before,.card-container[theme=light]:focus-visible:not(.selected):before{display:none}.card-container[theme=dark]:focus-visible:is(.selected),.card-container[theme=light]:focus-visible:is(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:is(.selected):before,.card-container[theme=light]:focus-visible:is(.selected):before{display:none}.card-container[theme=dark].default,.card-container[theme=light].default{border-color:#d3d3d3}.card-size-brand.card-size-medium{--ui-card-padding-x: 23px;--ui-card-padding-y: 23px}.card-size-brand.card-size-large{--ui-card-padding-x: 79px;--ui-card-padding-y: 79px}.card-size-brand.card-size-small{--ui-card-padding-x: 15px;--ui-card-padding-y: 15px}.card-footer{display:none}.card-footer:has(*){display:block;margin:0 calc(-1 * var(--ui-card-padding-x)) calc(-1 * var(--ui-card-padding-y));overflow:hidden;border-radius:0 0 9px 9px}.errors{margin-top:8px}.errors.errors-small{margin-top:4px}.errors.errors-small .error{font-size:12px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}.errors .error{color:#e02800}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, IconComponentModule], template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.card-container{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px;border:1px solid #e0e0e0;background:#fff;padding:var(--ui-card-padding-y) var(--ui-card-padding-x);position:relative;transition:box-shadow .25s ease;outline-offset:-2px;--ui-card-ring: none;--ui-card-ring-inset: -1px}.card-container:after{content:\"\";position:absolute;z-index:1;inset:var(--ui-card-ring-inset);border-radius:inherit;box-shadow:var(--ui-card-ring);pointer-events:none}.card-container.card-size-medium{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px}.card-container.card-size-medium.condensed{--ui-card-padding-x: 24px;--ui-card-padding-y: 16px}.card-container.card-size-large{--ui-card-padding-x: 80px;--ui-card-padding-y: 80px}.card-container.card-size-small{--ui-card-padding-x: 16px;--ui-card-padding-y: 16px}.card-container.card-size-small.condensed{--ui-card-padding-x: 16px;--ui-card-padding-y: 12px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px;border-width:1px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{--ui-card-ring-inset: -2px;border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{--ui-card-ring-inset: -2px;border:2px solid transparent;background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.card-container[theme=dark].educative,.card-container[theme=light].educative{background:#d9e8ff;border-color:#1a47aa}.card-container[theme=dark].premium,.card-container[theme=light].premium{background:#fff5e6;border-color:#d07d00}.card-container[theme=dark].actionDriver,.card-container[theme=light].actionDriver{background:#242424;border:none}.card-container[theme=dark].neutral,.card-container[theme=light].neutral{background:#f4f4f4;border:none}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=dark].state:hover:focus,.card-container[theme=light].state:hover,.card-container[theme=light].state:hover:focus{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].state.selected:focus:not(:focus-visible),.card-container[theme=light].state.selected:focus:not(:focus-visible){--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].neutral-state,.card-container[theme=light].neutral-state{--ui-card-ring: inset 0 0 0 2px #242424;background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:not(.selected):before,.card-container[theme=light]:focus-visible:not(.selected):before{display:none}.card-container[theme=dark]:focus-visible:is(.selected),.card-container[theme=light]:focus-visible:is(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:is(.selected):before,.card-container[theme=light]:focus-visible:is(.selected):before{display:none}.card-container[theme=dark].default,.card-container[theme=light].default{border-color:#d3d3d3}.card-size-brand.card-size-medium{--ui-card-padding-x: 23px;--ui-card-padding-y: 23px}.card-size-brand.card-size-large{--ui-card-padding-x: 79px;--ui-card-padding-y: 79px}.card-size-brand.card-size-small{--ui-card-padding-x: 15px;--ui-card-padding-y: 15px}.card-footer{display:none}.card-footer:has(*){display:block;margin:0 calc(-1 * var(--ui-card-padding-x)) calc(-1 * var(--ui-card-padding-y));overflow:hidden;border-radius:0 0 9px 9px}.errors{margin-top:8px}.errors.errors-small{margin-top:4px}.errors.errors-small .error{font-size:12px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}.errors .error{color:#e02800}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { size: [{
-                type: Input
-            }], sizeVariant: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], errors: [{
-                type: Input
-            }], errorsSize: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], allowSelect: [{
-                type: Input
-            }], allowFocus: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], cardSelected: [{
-                type: Output
-            }] } });
-
-class CardComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: CardComponentModule, imports: [CommonModule, IconComponentModule, CardComponent], exports: [CardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CardComponentModule, imports: [CommonModule, IconComponentModule, CardComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CardComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, IconComponentModule, CardComponent],
-                    exports: [CardComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var CardComponent = class CardComponent {
+	set errors(errors) {
+		this.safeErrors = errors?.filter(Boolean) ?? [];
+	}
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.size = "medium";
+		this.sizeVariant = "regular";
+		this.variant = "default";
+		this.applicationTheme = "light";
+		this.errorsSize = "default";
+		this.selected = false;
+		this.allowSelect = false;
+		this.allowFocus = true;
+		this.testId = null;
+		this.cardSelected = new EventEmitter();
+		this.safeErrors = [];
+		this.classes = "";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnChanges() {
+		this.classes = `card-size-${this.size ?? "medium"} ${this.sizeVariant ?? "regular"} ${this.cardVariant ?? "default"}`;
+	}
+	ngOnInit() {
+		this.classes = `card-size-${this.size ?? "medium"} ${this.sizeVariant ?? "regular"} ${this.cardVariant ?? "default"}`;
+	}
+	get cardVariant() {
+		return this.safeErrors?.length ? "error" : this.variant;
+	}
+	get errorIconSize() {
+		return this.errorsSize === "small" ? "16" : "24";
+	}
+	get isSelected() {
+		return this.selected && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);
+	}
+	get isActionable() {
+		return this.allowSelect && this.variant !== "default" && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);
+	}
+	selectCard(event) {
+		if (!this.isActionable || this.isFromProjectedFooter(event)) return;
+		this.selected = true;
+		this.cardSelected.emit(this.selected);
+	}
+	isFromProjectedFooter(event) {
+		const target = event?.target;
+		return target instanceof Element && Boolean(target.closest(".card-footer"));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: CardComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: CardComponent,
+			isStandalone: true,
+			selector: "ui-card",
+			inputs: {
+				size: "size",
+				sizeVariant: "sizeVariant",
+				variant: "variant",
+				applicationTheme: "applicationTheme",
+				errors: "errors",
+				errorsSize: "errorsSize",
+				selected: "selected",
+				allowSelect: "allowSelect",
+				allowFocus: "allowFocus",
+				testId: "testId"
+			},
+			outputs: { cardSelected: "cardSelected" },
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.card-container{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px;border:1px solid #e0e0e0;background:#fff;padding:var(--ui-card-padding-y) var(--ui-card-padding-x);position:relative;transition:box-shadow .25s ease;outline-offset:-2px;--ui-card-ring: none;--ui-card-ring-inset: -1px}.card-container:after{content:\"\";position:absolute;z-index:1;inset:var(--ui-card-ring-inset);border-radius:inherit;box-shadow:var(--ui-card-ring);pointer-events:none}.card-container.card-size-medium{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px}.card-container.card-size-medium.condensed{--ui-card-padding-x: 24px;--ui-card-padding-y: 16px}.card-container.card-size-large{--ui-card-padding-x: 80px;--ui-card-padding-y: 80px}.card-container.card-size-small{--ui-card-padding-x: 16px;--ui-card-padding-y: 16px}.card-container.card-size-small.condensed{--ui-card-padding-x: 16px;--ui-card-padding-y: 12px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px;border-width:1px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{--ui-card-ring-inset: -2px;border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{--ui-card-ring-inset: -2px;border:2px solid transparent;background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.card-container[theme=dark].educative,.card-container[theme=light].educative{background:#d9e8ff;border-color:#1a47aa}.card-container[theme=dark].premium,.card-container[theme=light].premium{background:#fff5e6;border-color:#d07d00}.card-container[theme=dark].actionDriver,.card-container[theme=light].actionDriver{background:#242424;border:none}.card-container[theme=dark].neutral,.card-container[theme=light].neutral{background:#f4f4f4;border:none}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=dark].state:hover:focus,.card-container[theme=light].state:hover,.card-container[theme=light].state:hover:focus{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].state.selected:focus:not(:focus-visible),.card-container[theme=light].state.selected:focus:not(:focus-visible){--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].neutral-state,.card-container[theme=light].neutral-state{--ui-card-ring: inset 0 0 0 2px #242424;background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:not(.selected):before,.card-container[theme=light]:focus-visible:not(.selected):before{display:none}.card-container[theme=dark]:focus-visible:is(.selected),.card-container[theme=light]:focus-visible:is(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:is(.selected):before,.card-container[theme=light]:focus-visible:is(.selected):before{display:none}.card-container[theme=dark].default,.card-container[theme=light].default{border-color:#d3d3d3}.card-size-brand.card-size-medium{--ui-card-padding-x: 23px;--ui-card-padding-y: 23px}.card-size-brand.card-size-large{--ui-card-padding-x: 79px;--ui-card-padding-y: 79px}.card-size-brand.card-size-small{--ui-card-padding-x: 15px;--ui-card-padding-y: 15px}.card-footer{display:none}.card-footer:has(*){display:block;margin:0 calc(-1 * var(--ui-card-padding-x)) calc(-1 * var(--ui-card-padding-y));overflow:hidden;border-radius:0 0 9px 9px}.errors{margin-top:8px}.errors.errors-small{margin-top:4px}.errors.errors-small .error{font-size:12px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}.errors .error{color:#e02800}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "ngmodule",
+					type: IconComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: CardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [NgClass, IconComponentModule],
+			template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.card-container{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px;border:1px solid #e0e0e0;background:#fff;padding:var(--ui-card-padding-y) var(--ui-card-padding-x);position:relative;transition:box-shadow .25s ease;outline-offset:-2px;--ui-card-ring: none;--ui-card-ring-inset: -1px}.card-container:after{content:\"\";position:absolute;z-index:1;inset:var(--ui-card-ring-inset);border-radius:inherit;box-shadow:var(--ui-card-ring);pointer-events:none}.card-container.card-size-medium{--ui-card-padding-x: 24px;--ui-card-padding-y: 24px}.card-container.card-size-medium.condensed{--ui-card-padding-x: 24px;--ui-card-padding-y: 16px}.card-container.card-size-large{--ui-card-padding-x: 80px;--ui-card-padding-y: 80px}.card-container.card-size-small{--ui-card-padding-x: 16px;--ui-card-padding-y: 16px}.card-container.card-size-small.condensed{--ui-card-padding-x: 16px;--ui-card-padding-y: 12px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px;border-width:1px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{--ui-card-ring-inset: -2px;border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{--ui-card-ring-inset: -2px;border:2px solid transparent;background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.card-container[theme=dark].educative,.card-container[theme=light].educative{background:#d9e8ff;border-color:#1a47aa}.card-container[theme=dark].premium,.card-container[theme=light].premium{background:#fff5e6;border-color:#d07d00}.card-container[theme=dark].actionDriver,.card-container[theme=light].actionDriver{background:#242424;border:none}.card-container[theme=dark].neutral,.card-container[theme=light].neutral{background:#f4f4f4;border:none}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=dark].state:hover:focus,.card-container[theme=light].state:hover,.card-container[theme=light].state:hover:focus{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].state.selected:focus:not(:focus-visible),.card-container[theme=light].state.selected:focus:not(:focus-visible){--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].neutral-state,.card-container[theme=light].neutral-state{--ui-card-ring: inset 0 0 0 2px #242424;background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{--ui-card-ring: inset 0 0 0 2px #242424;border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:not(.selected):before,.card-container[theme=light]:focus-visible:not(.selected):before{display:none}.card-container[theme=dark]:focus-visible:is(.selected),.card-container[theme=light]:focus-visible:is(.selected){--ui-card-ring: inset 0 0 0 2px #242424, inset 0 0 0 3px #ffffff, inset 0 0 0 5px #242424;outline:1px solid black;border-color:#242424;animation:none}.card-container[theme=dark]:focus-visible:is(.selected):before,.card-container[theme=light]:focus-visible:is(.selected):before{display:none}.card-container[theme=dark].default,.card-container[theme=light].default{border-color:#d3d3d3}.card-size-brand.card-size-medium{--ui-card-padding-x: 23px;--ui-card-padding-y: 23px}.card-size-brand.card-size-large{--ui-card-padding-x: 79px;--ui-card-padding-y: 79px}.card-size-brand.card-size-small{--ui-card-padding-x: 15px;--ui-card-padding-y: 15px}.card-footer{display:none}.card-footer:has(*){display:block;margin:0 calc(-1 * var(--ui-card-padding-x)) calc(-1 * var(--ui-card-padding-y));overflow:hidden;border-radius:0 0 9px 9px}.errors{margin-top:8px}.errors.errors-small{margin-top:4px}.errors.errors-small .error{font-size:12px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}.errors .error{color:#e02800}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		size: [{ type: Input }],
+		sizeVariant: [{ type: Input }],
+		variant: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		errors: [{ type: Input }],
+		errorsSize: [{ type: Input }],
+		selected: [{ type: Input }],
+		allowSelect: [{ type: Input }],
+		allowFocus: [{ type: Input }],
+		testId: [{ type: Input }],
+		cardSelected: [{ type: Output }]
+	}
+});
+var CardComponentModule = class CardComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: CardComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: CardComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				CardComponent
+			],
+			exports: [CardComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: CardComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				CardComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: CardComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				CardComponent
+			],
+			exports: [CardComponent]
+		}]
+	}]
+});
 export { CardComponent, CardComponentModule, NON_SELECTABLE_CARD_VARIANTS };
-//# sourceMappingURL=testgorilla-tgo-ui-components-card.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-card.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-card.mjs","sources":["../../../components/card/card.model.ts","../../../components/card/card.component.ts","../../../components/card/card.component.html","../../../components/card/card.component.module.ts","../../../components/card/testgorilla-tgo-ui-components-card.ts"],"sourcesContent":["export type CardSize = 'small' | 'medium' | 'large';\nexport type CardSizeVariant = 'regular' | 'condensed';\nexport type CardVariant =\n  | 'default'\n  | 'shadow'\n  | 'state'\n  | 'error'\n  | 'educative'\n  | 'premium'\n  | 'ai'\n  | 'actionDriver'\n  | 'neutral'\n  | 'neutral-state';\n\nexport const NON_SELECTABLE_CARD_VARIANTS: readonly CardVariant[] = [\n  'educative',\n  'premium',\n  'ai',\n  'actionDriver',\n  'neutral',\n];\n","import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { CardSize, CardSizeVariant, CardVariant, NON_SELECTABLE_CARD_VARIANTS } from './card.model';\n\n@Component({\n  selector: 'ui-card',\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, IconComponentModule],\n})\nexport class CardComponent implements OnChanges, OnInit {\n  /**\n   * Card size. Defaults \"medium\".\n   *\n   * @type {CardSize}\n   * @memberof CardComponent\n   */\n  @Input() size: CardSize = 'medium';\n\n  /**\n   * Card size variant. Defaults \"default\".\n   *\n   * @type {CardSizeVariant}\n   * @memberof CardComponent\n   */\n  @Input() sizeVariant: CardSizeVariant = 'regular';\n\n  /**\n   * Card variants. Defaults \"default\".\n   *\n   * @type {CardVariant}\n   * @memberof CardComponent\n   */\n  @Input() variant: CardVariant = 'default';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof CardComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Show errors below card.\n   *\n   * @type {string[]}\n   * @memberof CardComponent\n   */\n  @Input() set errors(errors: string[]) {\n    this.safeErrors = errors?.filter(Boolean) ?? [];\n  }\n\n  /**\n   * Errors size\n   *\n   * @type {string}\n   * @memberof CardComponent\n   */\n  @Input() errorsSize? = 'default';\n\n  /**\n   * Marks card as selected\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() selected = false;\n\n  /**\n   * Marks card as readonly. Defaults \"false\".\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() allowSelect = false;\n\n  /**\n   * Marks card as focusable. Defaults \"true\".\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() allowFocus = true;\n\n  @Input() testId: string | null = null;\n\n  /**\n   * Emits when card is being selected\n   */\n  @Output() cardSelected = new EventEmitter<boolean>();\n\n  safeErrors: string[] = [];\n\n  classes = '';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;\n  }\n\n  ngOnInit(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;\n  }\n\n  get cardVariant(): CardVariant {\n    return this.safeErrors?.length ? 'error' : this.variant;\n  }\n\n  get errorIconSize(): IconSize {\n    return this.errorsSize === 'small' ? '16' : '24';\n  }\n\n  get isSelected(): boolean {\n    // educative, premium, ai, actionDriver and neutral variants shouldn't have any selected/interactive states\n    return this.selected && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);\n  }\n\n  /**\n   * Whether activating the card does anything. Drives `tabindex`, `role` and `aria-pressed`.\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  get isActionable(): boolean {\n    return this.allowSelect && this.variant !== 'default' && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);\n  }\n\n  /**\n   * @param event The originating DOM event. Events raised inside the projected footer are ignored.\n   */\n  selectCard(event?: Event) {\n    if (!this.isActionable || this.isFromProjectedFooter(event)) {\n      return;\n    }\n\n    this.selected = true;\n    this.cardSelected.emit(this.selected);\n  }\n\n  private isFromProjectedFooter(event?: Event): boolean {\n    const target = event?.target;\n    return target instanceof Element && Boolean(target.closest('.card-footer'));\n  }\n}\n","<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { CardComponent } from './card.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, CardComponent],\n  exports: [CardComponent],\n})\nexport class CardComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-card.mjs","names":[],"sources":["../../../components/card/card.model.ts","../../../components/card/card.component.ts","../../../components/card/card.component.html","../../../components/card/card.component.module.ts"],"sourcesContent":["export type CardSize = 'small' | 'medium' | 'large';\nexport type CardSizeVariant = 'regular' | 'condensed';\nexport type CardVariant =\n  | 'default'\n  | 'shadow'\n  | 'state'\n  | 'error'\n  | 'educative'\n  | 'premium'\n  | 'ai'\n  | 'actionDriver'\n  | 'neutral'\n  | 'neutral-state';\n\nexport const NON_SELECTABLE_CARD_VARIANTS: readonly CardVariant[] = [\n  'educative',\n  'premium',\n  'ai',\n  'actionDriver',\n  'neutral',\n];\n","import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { CardSize, CardSizeVariant, CardVariant, NON_SELECTABLE_CARD_VARIANTS } from './card.model';\n\n@Component({\n  selector: 'ui-card',\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, IconComponentModule],\n})\nexport class CardComponent implements OnChanges, OnInit {\n  /**\n   * Card size. Defaults \"medium\".\n   *\n   * @type {CardSize}\n   * @memberof CardComponent\n   */\n  @Input() size: CardSize = 'medium';\n\n  /**\n   * Card size variant. Defaults \"default\".\n   *\n   * @type {CardSizeVariant}\n   * @memberof CardComponent\n   */\n  @Input() sizeVariant: CardSizeVariant = 'regular';\n\n  /**\n   * Card variants. Defaults \"default\".\n   *\n   * @type {CardVariant}\n   * @memberof CardComponent\n   */\n  @Input() variant: CardVariant = 'default';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof CardComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Show errors below card.\n   *\n   * @type {string[]}\n   * @memberof CardComponent\n   */\n  @Input() set errors(errors: string[]) {\n    this.safeErrors = errors?.filter(Boolean) ?? [];\n  }\n\n  /**\n   * Errors size\n   *\n   * @type {string}\n   * @memberof CardComponent\n   */\n  @Input() errorsSize? = 'default';\n\n  /**\n   * Marks card as selected\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() selected = false;\n\n  /**\n   * Marks card as readonly. Defaults \"false\".\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() allowSelect = false;\n\n  /**\n   * Marks card as focusable. Defaults \"true\".\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  @Input() allowFocus = true;\n\n  @Input() testId: string | null = null;\n\n  /**\n   * Emits when card is being selected\n   */\n  @Output() cardSelected = new EventEmitter<boolean>();\n\n  safeErrors: string[] = [];\n\n  classes = '';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;\n  }\n\n  ngOnInit(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${this.sizeVariant ?? 'regular'} ${this.cardVariant ?? 'default'}`;\n  }\n\n  get cardVariant(): CardVariant {\n    return this.safeErrors?.length ? 'error' : this.variant;\n  }\n\n  get errorIconSize(): IconSize {\n    return this.errorsSize === 'small' ? '16' : '24';\n  }\n\n  get isSelected(): boolean {\n    // educative, premium, ai, actionDriver and neutral variants shouldn't have any selected/interactive states\n    return this.selected && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);\n  }\n\n  /**\n   * Whether activating the card does anything. Drives `tabindex`, `role` and `aria-pressed`.\n   *\n   * @type {boolean}\n   * @memberof CardComponent\n   */\n  get isActionable(): boolean {\n    return this.allowSelect && this.variant !== 'default' && !NON_SELECTABLE_CARD_VARIANTS.includes(this.variant);\n  }\n\n  /**\n   * @param event The originating DOM event. Events raised inside the projected footer are ignored.\n   */\n  selectCard(event?: Event) {\n    if (!this.isActionable || this.isFromProjectedFooter(event)) {\n      return;\n    }\n\n    this.selected = true;\n    this.cardSelected.emit(this.selected);\n  }\n\n  private isFromProjectedFooter(event?: Event): boolean {\n    const target = event?.target;\n    return target instanceof Element && Boolean(target.closest('.card-footer'));\n  }\n}\n","<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard($event)\"\n  (keydown.space)=\"selectCard($event)\"\n  (click)=\"selectCard($event)\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus && isActionable ? 0 : null\"\n  [attr.role]=\"isActionable ? 'button' : null\"\n  [attr.aria-pressed]=\"isActionable ? isSelected : null\"\n  [attr.data-testid]=\"testId\"\n>\n  <ng-content></ng-content>\n\n  <div class=\"card-footer\">\n    <ng-content select=\"[cardFooter]\"></ng-content>\n  </div>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\" [class.errors-small]=\"errorsSize === 'small'\">\n    @for (error of safeErrors; track error) {\n      <div class=\"error\">\n        <ui-icon [size]=\"errorIconSize\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n        <span [innerHTML]=\"error\"></span>\n      </div>\n    }\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { CardComponent } from './card.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, CardComponent],\n  exports: [CardComponent],\n})\nexport class CardComponentModule {}\n"],"mappings":";;;;;AAcA,MAAa,+BAAuD;CAClE;CACA;CACA;CACA;CACA;AACD;ACKD,IAAa,gBAAb,MAAa,cAAa;CAwCxB,IAAa,OAAO,QAAgB;EAClC,KAAK,aAAa,QAAQ,OAAO,OAAO,KAAK,CAAA;CAC/C;CA6CA,YAC6E,iBAAiC;EAAjC,KAAA,kBAAA;EAjFpE,KAAA,OAAiB;EAQjB,KAAA,cAA+B;EAQ/B,KAAA,UAAuB;EASvB,KAAA,mBAAqC;EAkBrC,KAAA,aAAc;EAQd,KAAA,WAAW;EAQX,KAAA,cAAc;EAQd,KAAA,aAAa;EAEb,KAAA,SAAwB;EAKvB,KAAA,eAAe,IAAI,aAAY;EAEzC,KAAA,aAAuB,CAAA;EAEvB,KAAA,UAAU;EAKR,IAAI,iBACF,KAAK,mBAAmB;CAE5B;CAEA,cAAW;EACT,KAAK,UAAU,aAAa,KAAK,QAAQ,SAAQ,GAAI,KAAK,eAAe,UAAS,GAAI,KAAK,eAAe;CAC5G;CAEA,WAAQ;EACN,KAAK,UAAU,aAAa,KAAK,QAAQ,SAAQ,GAAI,KAAK,eAAe,UAAS,GAAI,KAAK,eAAe;CAC5G;CAEA,IAAI,cAAW;EACb,OAAO,KAAK,YAAY,SAAS,UAAU,KAAK;CAClD;CAEA,IAAI,gBAAa;EACf,OAAO,KAAK,eAAe,UAAU,OAAO;CAC9C;CAEA,IAAI,aAAU;EAEZ,OAAO,KAAK,YAAY,CAAC,6BAA6B,SAAS,KAAK,OAAO;CAC7E;CAQA,IAAI,eAAY;EACd,OAAO,KAAK,eAAe,KAAK,YAAY,aAAa,CAAC,6BAA6B,SAAS,KAAK,OAAO;CAC9G;CAKA,WAAW,OAAa;EACtB,IAAI,CAAC,KAAK,gBAAgB,KAAK,sBAAsB,KAAK,GACxD;EAGF,KAAK,WAAW;EAChB,KAAK,aAAa,KAAK,KAAK,QAAQ;CACtC;CAEQ,sBAAsB,OAAa;EACzC,MAAM,SAAS,OAAO;EACtB,OAAO,kBAAkB,WAAW,QAAQ,OAAO,QAAQ,cAAc,CAAC;CAC5E;CA7IW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAa,MAAA,CAAA;IAAA,OAwFF;IAAoC,UAAA;GAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAxF/C;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAa,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,MAAA;IAAA,aAAA;IAAA,SAAA;IAAA,kBAAA;IAAA,QAAA;IAAA,YAAA;IAAA,UAAA;IAAA,aAAA;IAAA,YAAA;IAAA,QAAA;GAAA;GAAA,SAAA,EAAA,cAAA,eAAA;GAAA,eAAA;GAAA,UAAA;GAAA,UCzB1B;GA4BA,QAAA,CAAA,mkNAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDLY;KAAO,UAAA;KAAA,QAAA,CAAA,SAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;IAAmB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAE3B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA;EAPzB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAS,iBAGF,wBAAwB;GAAM,SACtC,CAAC,SAAS,mBAAmB;GAAC,UAAA;GAAA,QAAA,CAAA,mkNAAA;EAAA,CAAA;;;;E,eA0FpC,MAAA,S;GAAY,MAAA;GAAO,MAAA,CAAA,oCAAoC;;;;E,SAjFzD,MAAA,M;E,gBAQA,MAAA,M;E,YAQA,MAAA,M;E,qBASA,MAAA,M;E,WAQA,MAAA,M;E,eAUA,MAAA,M;E,aAQA,MAAA,M;E,gBAQA,MAAA,M;E,eAQA,MAAA,M;E,WAEA,MAAA,M;E,iBAKA,MAAA,O;;;AE/FH,IAAa,sBAAb,MAAa,oBAAmB;CAAnB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAmB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAnB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAmB,SAAA;IAHpB;IAAc;IAAqB;GAAa;GAAA,SAAA,CAChD,aAAa;EAAA,CAAA;CAAA;CAEZ;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAmB,SAAA;IAHpB;IAAc;IAAqB;GAAa;EAAA,CAAA;CAAA;;AAG/C,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAJ/B,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IAAC;IAAc;IAAqB;GAAa;GAC1D,SAAS,CAAC,aAAa;EACxB,CAAA"}