@testgorilla/tgo-ui 11.22.3 → 12.0.0

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

@@ -1,85 +1,287 @@
-import * as i0 from '@angular/core';
-import { input, computed, output, signal, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { CardComponent, CardComponentModule } from '@testgorilla/tgo-ui/components/card';
-import { CheckboxComponent, CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';
-import { CommonModule } from '@angular/common';
-
-class SelectableCardComponent {
-    constructor() {
-        /**
-         * Card size. Defaults to "medium".
-         */
-        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /**
-         * Card variant/design for selected state. Defaults to "default".
-         */
-        this.selectedVariant = input('state', ...(ngDevMode ? [{ debugName: "selectedVariant" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether the card is selected (input from parent).
-         */
-        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether the checkbox is disabled.
-         */
-        this.isCheckboxDisabled = input(false, ...(ngDevMode ? [{ debugName: "isCheckboxDisabled" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether the card is in an error state, which renders the checkbox in red.
-         */
-        this.hasError = input(false, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
-        this.testId = input(null, ...(ngDevMode ? [{ debugName: "testId" }] : /* istanbul ignore next */ []));
-        this.ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        this.checkboxTestId = computed(() => (this.testId() ? `${this.testId()}-checkbox` : null), ...(ngDevMode ? [{ debugName: "checkboxTestId" }] : /* istanbul ignore next */ []));
-        /**
-         * Event emitted when the card is selected, with the current selected state.
-         */
-        this.cardSelected = output();
-        /**
-         * Internal override for selected state (when user interacts).
-         */
-        this.internalSelectedOverride = signal(null, ...(ngDevMode ? [{ debugName: "internalSelectedOverride" }] : /* istanbul ignore next */ []));
-        /**
-         * Computed selected state that prioritizes user interaction over input.
-         */
-        this.isSelected = computed(() => {
-            const override = this.internalSelectedOverride();
-            return override ?? this.selected();
-        }, ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Handles card selection, toggles internal state and emits the new value.
-     */
-    handleSelect() {
-        if (this.isCheckboxDisabled()) {
-            return;
-        }
-        const newValue = !this.isSelected();
-        this.internalSelectedOverride.set(newValue);
-        this.cardSelected.emit(newValue);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: SelectableCardComponent, isStandalone: true, selector: "ui-selectable-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, selectedVariant: { classPropertyName: "selectedVariant", publicName: "selectedVariant", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, isCheckboxDisabled: { classPropertyName: "isCheckboxDisabled", publicName: "isCheckboxDisabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardSelected: "cardSelected" }, ngImport: i0, template: "<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n", styles: [".selectable-card .selectable-card-checkbox{display:block;margin-top:-11px;margin-left:-11px}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "ui-card", inputs: ["size", "sizeVariant", "variant", "applicationTheme", "errors", "errorsSize", "selected", "allowSelect", "allowFocus", "testId"], outputs: ["cardSelected"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["disabled", "checked", "indeterminate", "companyColor", "name", "label", "multiple", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "hasError", "hideBuiltInErrors", "hideLabelInErrors", "ariaLabelledby", "ariaDescribedby", "truncateText", "alignment", "tabIndex"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-selectable-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CardComponent, CheckboxComponent], template: "<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n", styles: [".selectable-card .selectable-card-checkbox{display:block;margin-top:-11px;margin-left:-11px}\n"] }]
-        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectedVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedVariant", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], isCheckboxDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCheckboxDisabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], testId: [{ type: i0.Input, args: [{ isSignal: true, alias: "testId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], cardSelected: [{ type: i0.Output, args: ["cardSelected"] }] } });
-
-class SelectableCardComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponentModule, imports: [CommonModule, CardComponentModule, CheckboxComponentModule, SelectableCardComponent], exports: [SelectableCardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponentModule, imports: [CommonModule, CardComponentModule, CheckboxComponentModule, SelectableCardComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SelectableCardComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, CardComponentModule, CheckboxComponentModule, SelectableCardComponent],
-                    exports: [SelectableCardComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, computed, input, output, signal } from "@angular/core";
+import { CardComponent, CardComponentModule } from "@testgorilla/tgo-ui/components/card";
+import { CheckboxComponent, CheckboxComponentModule } from "@testgorilla/tgo-ui/components/checkbox";
+import { CommonModule } from "@angular/common";
+var SelectableCardComponent = class SelectableCardComponent {
+	constructor() {
+		this.size = input("medium", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+		this.selectedVariant = input("state", ...ngDevMode ? [{ debugName: "selectedVariant" }] : /* istanbul ignore next */ []);
+		this.selected = input(false, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+		this.isCheckboxDisabled = input(false, ...ngDevMode ? [{ debugName: "isCheckboxDisabled" }] : /* istanbul ignore next */ []);
+		this.hasError = input(false, ...ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []);
+		this.testId = input(null, ...ngDevMode ? [{ debugName: "testId" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.checkboxTestId = computed(() => this.testId() ? `${this.testId()}-checkbox` : null, ...ngDevMode ? [{ debugName: "checkboxTestId" }] : /* istanbul ignore next */ []);
+		this.cardSelected = output();
+		this.internalSelectedOverride = signal(null, ...ngDevMode ? [{ debugName: "internalSelectedOverride" }] : /* istanbul ignore next */ []);
+		this.isSelected = computed(() => {
+			return this.internalSelectedOverride() ?? this.selected();
+		}, ...ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []);
+	}
+	handleSelect() {
+		if (this.isCheckboxDisabled()) return;
+		const newValue = !this.isSelected();
+		this.internalSelectedOverride.set(newValue);
+		this.cardSelected.emit(newValue);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SelectableCardComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.4",
+			type: SelectableCardComponent,
+			isStandalone: true,
+			selector: "ui-selectable-card",
+			inputs: {
+				size: {
+					classPropertyName: "size",
+					publicName: "size",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectedVariant: {
+					classPropertyName: "selectedVariant",
+					publicName: "selectedVariant",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selected: {
+					classPropertyName: "selected",
+					publicName: "selected",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				isCheckboxDisabled: {
+					classPropertyName: "isCheckboxDisabled",
+					publicName: "isCheckboxDisabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hasError: {
+					classPropertyName: "hasError",
+					publicName: "hasError",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				testId: {
+					classPropertyName: "testId",
+					publicName: "testId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { cardSelected: "cardSelected" },
+			ngImport: i0,
+			template: "<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n",
+			styles: [".selectable-card .selectable-card-checkbox{display:block;margin-top:-11px;margin-left:-11px}\n"],
+			dependencies: [{
+				kind: "component",
+				type: CardComponent,
+				selector: "ui-card",
+				inputs: [
+					"size",
+					"sizeVariant",
+					"variant",
+					"applicationTheme",
+					"errors",
+					"errorsSize",
+					"selected",
+					"allowSelect",
+					"allowFocus",
+					"testId"
+				],
+				outputs: ["cardSelected"]
+			}, {
+				kind: "component",
+				type: CheckboxComponent,
+				selector: "ui-checkbox",
+				inputs: [
+					"disabled",
+					"checked",
+					"indeterminate",
+					"companyColor",
+					"name",
+					"label",
+					"multiple",
+					"applicationTheme",
+					"ariaLabel",
+					"testId",
+					"ariaRequired",
+					"hasError",
+					"hideBuiltInErrors",
+					"hideLabelInErrors",
+					"ariaLabelledby",
+					"ariaDescribedby",
+					"truncateText",
+					"alignment",
+					"tabIndex"
+				],
+				outputs: ["changed"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SelectableCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-selectable-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [CardComponent, CheckboxComponent],
+			template: "<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n",
+			styles: [".selectable-card .selectable-card-checkbox{display:block;margin-top:-11px;margin-left:-11px}\n"]
+		}]
+	}],
+	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		selectedVariant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedVariant",
+				required: false
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		isCheckboxDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isCheckboxDisabled",
+				required: false
+			}]
+		}],
+		hasError: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hasError",
+				required: false
+			}]
+		}],
+		testId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "testId",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		cardSelected: [{
+			type: i0.Output,
+			args: ["cardSelected"]
+		}]
+	}
+});
+var SelectableCardComponentModule = class SelectableCardComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SelectableCardComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SelectableCardComponentModule,
+			imports: [
+				CommonModule,
+				CardComponentModule,
+				CheckboxComponentModule,
+				SelectableCardComponent
+			],
+			exports: [SelectableCardComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SelectableCardComponentModule,
+			imports: [
+				CommonModule,
+				CardComponentModule,
+				CheckboxComponentModule,
+				SelectableCardComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SelectableCardComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				CardComponentModule,
+				CheckboxComponentModule,
+				SelectableCardComponent
+			],
+			exports: [SelectableCardComponent]
+		}]
+	}]
+});
 export { SelectableCardComponent, SelectableCardComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-selectable-card.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-selectable-card.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-selectable-card.mjs","sources":["../../../components/selectable-card/selectable-card.component.ts","../../../components/selectable-card/selectable-card.component.html","../../../components/selectable-card/selectable-card.component.module.ts","../../../components/selectable-card/testgorilla-tgo-ui-components-selectable-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output, signal } from '@angular/core';\n\nimport { CardSize, CardVariant, CardComponent } from '@testgorilla/tgo-ui/components/card';\nimport { CheckboxComponent } from '@testgorilla/tgo-ui/components/checkbox';\n\n@Component({\n  selector: 'ui-selectable-card',\n  templateUrl: './selectable-card.component.html',\n  styleUrls: ['./selectable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CardComponent, CheckboxComponent],\n})\nexport class SelectableCardComponent {\n  /**\n   * Card size. Defaults to \"medium\".\n   */\n  size = input<CardSize>('medium');\n\n  /**\n   * Card variant/design for selected state. Defaults to \"default\".\n   */\n  selectedVariant = input<CardVariant>('state');\n\n  /**\n   * Whether the card is selected (input from parent).\n   */\n  selected = input<boolean>(false);\n\n  /**\n   * Whether the checkbox is disabled.\n   */\n  isCheckboxDisabled = input<boolean>(false);\n\n  /**\n   * Whether the card is in an error state, which renders the checkbox in red.\n   */\n  hasError = input<boolean>(false);\n\n  testId = input<string | null>(null);\n\n  ariaLabel = input<string>('');\n\n  protected readonly checkboxTestId = computed(() => (this.testId() ? `${this.testId()}-checkbox` : null));\n\n  /**\n   * Event emitted when the card is selected, with the current selected state.\n   */\n  cardSelected = output<boolean>();\n\n  /**\n   * Internal override for selected state (when user interacts).\n   */\n  private readonly internalSelectedOverride = signal<boolean | null>(null);\n\n  /**\n   * Computed selected state that prioritizes user interaction over input.\n   */\n  isSelected = computed(() => {\n    const override = this.internalSelectedOverride();\n    return override ?? this.selected();\n  });\n\n  /**\n   * Handles card selection, toggles internal state and emits the new value.\n   */\n  handleSelect(): void {\n    if (this.isCheckboxDisabled()) {\n      return;\n    }\n\n    const newValue = !this.isSelected();\n    this.internalSelectedOverride.set(newValue);\n    this.cardSelected.emit(newValue);\n  }\n}\n","<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';\n\nimport { SelectableCardComponent } from './selectable-card.component';\n\n@NgModule({\n  imports: [CommonModule, CardComponentModule, CheckboxComponentModule, SelectableCardComponent],\n  exports: [SelectableCardComponent],\n})\nexport class SelectableCardComponentModule {}\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-selectable-card.mjs","names":[],"sources":["../../../components/selectable-card/selectable-card.component.ts","../../../components/selectable-card/selectable-card.component.html","../../../components/selectable-card/selectable-card.component.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output, signal } from '@angular/core';\n\nimport { CardSize, CardVariant, CardComponent } from '@testgorilla/tgo-ui/components/card';\nimport { CheckboxComponent } from '@testgorilla/tgo-ui/components/checkbox';\n\n@Component({\n  selector: 'ui-selectable-card',\n  templateUrl: './selectable-card.component.html',\n  styleUrls: ['./selectable-card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CardComponent, CheckboxComponent],\n})\nexport class SelectableCardComponent {\n  /**\n   * Card size. Defaults to \"medium\".\n   */\n  size = input<CardSize>('medium');\n\n  /**\n   * Card variant/design for selected state. Defaults to \"default\".\n   */\n  selectedVariant = input<CardVariant>('state');\n\n  /**\n   * Whether the card is selected (input from parent).\n   */\n  selected = input<boolean>(false);\n\n  /**\n   * Whether the checkbox is disabled.\n   */\n  isCheckboxDisabled = input<boolean>(false);\n\n  /**\n   * Whether the card is in an error state, which renders the checkbox in red.\n   */\n  hasError = input<boolean>(false);\n\n  testId = input<string | null>(null);\n\n  ariaLabel = input<string>('');\n\n  protected readonly checkboxTestId = computed(() => (this.testId() ? `${this.testId()}-checkbox` : null));\n\n  /**\n   * Event emitted when the card is selected, with the current selected state.\n   */\n  cardSelected = output<boolean>();\n\n  /**\n   * Internal override for selected state (when user interacts).\n   */\n  private readonly internalSelectedOverride = signal<boolean | null>(null);\n\n  /**\n   * Computed selected state that prioritizes user interaction over input.\n   */\n  isSelected = computed(() => {\n    const override = this.internalSelectedOverride();\n    return override ?? this.selected();\n  });\n\n  /**\n   * Handles card selection, toggles internal state and emits the new value.\n   */\n  handleSelect(): void {\n    if (this.isCheckboxDisabled()) {\n      return;\n    }\n\n    const newValue = !this.isSelected();\n    this.internalSelectedOverride.set(newValue);\n    this.cardSelected.emit(newValue);\n  }\n}\n","<ui-card\n  class=\"selectable-card\"\n  [size]=\"size()\"\n  [selected]=\"isSelected()\"\n  [allowSelect]=\"!isCheckboxDisabled()\"\n  [allowFocus]=\"false\"\n  [variant]=\"isCheckboxDisabled() ? 'default' : isSelected() && selectedVariant() ? selectedVariant() : 'state'\"\n  (cardSelected)=\"handleSelect()\"\n  [testId]=\"testId()\"\n>\n  <ui-checkbox\n    class=\"selectable-card-checkbox\"\n    [checked]=\"isSelected()\"\n    [disabled]=\"isCheckboxDisabled()\"\n    [hasError]=\"hasError()\"\n    [testId]=\"checkboxTestId()\"\n    [ariaLabel]=\"ariaLabel()\"\n  >\n    <div checkbox-label>\n      <ng-content select=\"[ui-selectable-card-label]\"></ng-content>\n    </div>\n  </ui-checkbox>\n  <ng-content select=\"[ui-selectable-card-content]\"></ng-content>\n</ui-card>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';\n\nimport { SelectableCardComponent } from './selectable-card.component';\n\n@NgModule({\n  imports: [CommonModule, CardComponentModule, CheckboxComponentModule, SelectableCardComponent],\n  exports: [SelectableCardComponent],\n})\nexport class SelectableCardComponentModule {}\n"],"mappings":"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"}