@testgorilla/tgo-ui 4.1.2-beta → 4.1.3-beta

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

@@ -0,0 +1,164 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
+
+class CardComponent {
+    /**
+     * Show errors below card.
+     *
+     * @type {string[]}
+     * @memberof CardComponent
+     */
+    set errors(errors) {
+        this.safeErrors = errors?.filter(Boolean).map(error => this.domSanitizer.bypassSecurityTrustHtml(error));
+    }
+    constructor(defaultAppTheme, domSanitizer) {
+        this.defaultAppTheme = defaultAppTheme;
+        this.domSanitizer = domSanitizer;
+        /**
+         * Card size. Defaults "medium".
+         *
+         * @type {CardSize}
+         * @memberof CardComponent
+         */
+        this.size = 'medium';
+        /**
+         * 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;
+        /**
+         * Emits when card is being selected
+         */
+        this.cardSelected = new EventEmitter();
+        this.classes = '';
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    ngOnChanges() {
+        this.classes = `card-size-${this.size ?? 'medium'} ${this.cardVariant ?? 'default'}`;
+    }
+    ngOnInit() {
+        this.classes = `card-size-${this.size ?? 'medium'} ${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 &&
+            this.variant !== 'educative' &&
+            this.variant !== 'premium' &&
+            this.variant !== 'ai' &&
+            this.variant !== 'actionDriver' &&
+            this.variant !== 'neutral');
+    }
+    selectCard() {
+        if (this.allowSelect &&
+            this.variant !== 'educative' &&
+            this.variant !== 'premium' &&
+            this.variant !== 'ai' &&
+            this.variant !== 'actionDriver' &&
+            this.variant !== 'neutral' &&
+            this.variant !== 'default') {
+            this.selected = true;
+            this.cardSelected.emit(this.selected);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CardComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CardComponent, isStandalone: false, selector: "ui-card", inputs: { size: "size", variant: "variant", applicationTheme: "applicationTheme", errors: "errors", errorsSize: "errorsSize", selected: "selected", allowSelect: "allowSelect", allowFocus: "allowFocus" }, outputs: { cardSelected: "cardSelected" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard()\"\n  (keydown.space)=\"selectCard()\"\n  (click)=\"selectCard()\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus ? 0 : null\"\n>\n  <ng-content></ng-content>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\"\n       [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{border:1px solid #E0E0E0;background:#fff;position:relative;transition:box-shadow .25s ease}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.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{border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{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{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){border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){outline:1px solid black;border-color:#242424;box-shadow:0 0 0 2px #fff,0 0 0 4px #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){outline:1px solid black;border-color:#242424;box-shadow:0 0 0 2px #fff,0 0 0 4px #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{padding:23px}.card-size-brand.card-size-large{padding:79px}.card-size-brand.card-size-small{padding:15px}.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;color:#e02800}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard()\"\n  (keydown.space)=\"selectCard()\"\n  (click)=\"selectCard()\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus ? 0 : null\"\n>\n  <ng-content></ng-content>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\"\n       [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{border:1px solid #E0E0E0;background:#fff;position:relative;transition:box-shadow .25s ease}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.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{border-width:2px;border-color:#e02800}.card-container[theme=dark].ai,.card-container[theme=light].ai{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{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){border-color:#242424;outline:1px solid #242424}.card-container[theme=dark].selected,.card-container[theme=light].selected{border-color:#242424;outline:1px solid #242424}.card-container[theme=dark]:focus-visible:not(.selected),.card-container[theme=light]:focus-visible:not(.selected){outline:1px solid black;border-color:#242424;box-shadow:0 0 0 2px #fff,0 0 0 4px #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){outline:1px solid black;border-color:#242424;box-shadow:0 0 0 2px #fff,0 0 0 4px #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{padding:23px}.card-size-brand.card-size-large{padding:79px}.card-size-brand.card-size-small{padding:15px}.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;color:#e02800}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }, { type: i1.DomSanitizer }], propDecorators: { size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], applicationTheme: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], errorsSize: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], allowSelect: [{
+                type: Input
+            }], allowFocus: [{
+                type: Input
+            }], cardSelected: [{
+                type: Output
+            }] } });
+
+class CardComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: CardComponentModule, declarations: [CardComponent], imports: [CommonModule, IconComponentModule], exports: [CardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CardComponentModule, imports: [CommonModule, IconComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CardComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CardComponent],
+                    imports: [CommonModule, IconComponentModule],
+                    exports: [CardComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardComponent, CardComponentModule };
+//# sourceMappingURL=testgorilla-tgo-ui-components-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testgorilla-tgo-ui-components-card.mjs","sources":["../../../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":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconSize } from '@testgorilla/tgo-ui/components/icon';\nimport { CardSize, CardVariant } 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    standalone: false\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 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).map(error => this.domSanitizer.bypassSecurityTrustHtml(error));\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  /**\n   * Emits when card is being selected\n   */\n  @Output() cardSelected = new EventEmitter<boolean>();\n\n  safeErrors: SafeHtml[];\n\n  classes = '';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private domSanitizer: DomSanitizer\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${this.cardVariant ?? 'default'}`;\n  }\n\n  ngOnInit(): void {\n    this.classes = `card-size-${this.size ?? 'medium'} ${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 (\n      this.selected &&\n      this.variant !== 'educative' &&\n      this.variant !== 'premium' &&\n      this.variant !== 'ai' &&\n      this.variant !== 'actionDriver' &&\n      this.variant !== 'neutral'\n    );\n  }\n\n  selectCard() {\n    if (\n      this.allowSelect &&\n      this.variant !== 'educative' &&\n      this.variant !== 'premium' &&\n      this.variant !== 'ai' &&\n      this.variant !== 'actionDriver' &&\n      this.variant !== 'neutral' &&\n      this.variant !== 'default'\n    ) {\n      this.selected = true;\n      this.cardSelected.emit(this.selected);\n    }\n  }\n}\n","<div\n  class=\"card-container\"\n  (keydown.enter)=\"selectCard()\"\n  (keydown.space)=\"selectCard()\"\n  (click)=\"selectCard()\"\n  [ngClass]=\"[classes, isSelected ? 'selected' : '']\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.tabindex]=\"allowFocus ? 0 : null\"\n>\n  <ng-content></ng-content>\n</div>\n@if (safeErrors?.length) {\n  <div class=\"errors\"\n       [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';\nimport { CardComponent } from './card.component';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@NgModule({\n  declarations: [CardComponent],\n  imports: [CommonModule, IconComponentModule],\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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"}