@cqa-lib/cqa-ui 1.1.461 → 1.1.462

package/esm2020/lib/radio-card-group/radio-card-group.component.mjs

@@ -0,0 +1,75 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/radio";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/common";
+export class RadioCardGroupComponent {
+    constructor() {
+        /** Choices to render (order preserved). */
+        this.options = [];
+        /** When true, cards wrap to the next line (e.g. many platform targets). */
+        this.wrap = false;
+        this.disabled = false;
+        /** Emits the same event as `mat-radio-group` for compatibility with existing handlers. */
+        this.selectionChange = new EventEmitter();
+        this.value = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(obj) {
+        this.value = obj == null ? null : String(obj);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    trackByValue(_index, opt) {
+        return opt.value;
+    }
+    get hasAnyIcon() {
+        return (this.options || []).some((o) => !!o.icon);
+    }
+    onRadioChange(event) {
+        if (this.disabled) {
+            return;
+        }
+        const next = event.value != null ? String(event.value) : null;
+        this.value = next;
+        this.onChange(next);
+        this.onTouched();
+        this.selectionChange.emit(event);
+    }
+}
+RadioCardGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioCardGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioCardGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioCardGroupComponent, selector: "cqa-radio-card-group", inputs: { options: "options", wrap: "wrap", disabled: "disabled" }, outputs: { selectionChange: "selectionChange" }, host: { classAttribute: "cqa-ui-root cqa-block" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => RadioCardGroupComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<mat-radio-group\n  class=\"cqa-flex cqa-items-stretch cqa-radio-group\"\n  [ngClass]=\"wrap ? 'cqa-flex-wrap cqa-gap-2' : 'cqa-gap-3'\"\n  [value]=\"value\"\n  (change)=\"onRadioChange($event)\"\n  [disabled]=\"disabled\"\n>\n  <label\n    *ngFor=\"let opt of options; trackBy: trackByValue\"\n    class=\"cqa-radio-card-option qqa-m-0 cqa-flex cqa-cursor-pointer cqa-items-center cqa-gap-1.5 cqa-rounded-[8px] cqa-border cqa-border-solid cqa-border-[#e5e7eb] cqa-py-2 cqa-text-[13px] cqa-text-[#374151] hover:cqa-border-[#6366f1]\"\n    [ngClass]=\"hasAnyIcon ? 'cqa-px-3' : 'cqa-px-4'\"\n  >\n    <mat-radio-button [value]=\"opt.value\" class=\"!cqa-pr-0\"></mat-radio-button>\n    <mat-icon *ngIf=\"opt.icon\" class=\"cqa-h-[18px] cqa-w-[18px] cqa-text-[18px] cqa-text-[#6366f1]\">{{ opt.icon }}</mat-icon>\n    <span class=\"cqa-whitespace-nowrap\">{{ opt.label }}</span>\n  </label>\n</mat-radio-group>\n", components: [{ type: i1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioCardGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-radio-card-group', host: { class: 'cqa-ui-root cqa-block' }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioCardGroupComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-radio-group\n  class=\"cqa-flex cqa-items-stretch cqa-radio-group\"\n  [ngClass]=\"wrap ? 'cqa-flex-wrap cqa-gap-2' : 'cqa-gap-3'\"\n  [value]=\"value\"\n  (change)=\"onRadioChange($event)\"\n  [disabled]=\"disabled\"\n>\n  <label\n    *ngFor=\"let opt of options; trackBy: trackByValue\"\n    class=\"cqa-radio-card-option qqa-m-0 cqa-flex cqa-cursor-pointer cqa-items-center cqa-gap-1.5 cqa-rounded-[8px] cqa-border cqa-border-solid cqa-border-[#e5e7eb] cqa-py-2 cqa-text-[13px] cqa-text-[#374151] hover:cqa-border-[#6366f1]\"\n    [ngClass]=\"hasAnyIcon ? 'cqa-px-3' : 'cqa-px-4'\"\n  >\n    <mat-radio-button [value]=\"opt.value\" class=\"!cqa-pr-0\"></mat-radio-button>\n    <mat-icon *ngIf=\"opt.icon\" class=\"cqa-h-[18px] cqa-w-[18px] cqa-text-[18px] cqa-text-[#6366f1]\">{{ opt.icon }}</mat-icon>\n    <span class=\"cqa-whitespace-nowrap\">{{ opt.label }}</span>\n  </label>\n</mat-radio-group>\n", styles: [] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], wrap: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tY2FyZC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3JhZGlvLWNhcmQtZ3JvdXAvcmFkaW8tY2FyZC1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3JhZGlvLWNhcmQtZ3JvdXAvcmFkaW8tY2FyZC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBaUJ6RSxNQUFNLE9BQU8sdUJBQXVCO0lBYnBDO1FBY0UsMkNBQTJDO1FBQ2xDLFlBQU8sR0FBc0IsRUFBRSxDQUFDO1FBRXpDLDJFQUEyRTtRQUNsRSxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRWIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQiwwRkFBMEY7UUFDaEYsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztRQUUvRCxVQUFLLEdBQWtCLElBQUksQ0FBQztRQUVwQixhQUFRLEdBQStCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNoRCxjQUFTLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0MxQztJQWxDQyxVQUFVLENBQUMsR0FBOEI7UUFDdkMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBOEI7UUFDN0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZLENBQUMsTUFBYyxFQUFFLEdBQW9CO1FBQy9DLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQztJQUNuQixDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBcUI7UUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU87U0FDUjtRQUNELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDOUQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7b0hBbERVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHVOQVJ2QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO1lBQ3RELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNoQkgsZzVCQWlCQTsyRkRDYSx1QkFBdUI7a0JBYm5DLFNBQVM7K0JBQ0Usc0JBQXNCLFFBRzFCLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLGFBQzdCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDOzRCQUN0RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFJUSxPQUFPO3NCQUFmLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRSYWRpb0NoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3JhZGlvJztcbmltcG9ydCB7IFJhZGlvQ2FyZE9wdGlvbiB9IGZyb20gJy4vcmFkaW8tY2FyZC1vcHRpb24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjcWEtcmFkaW8tY2FyZC1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby1jYXJkLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXSxcbiAgaG9zdDogeyBjbGFzczogJ2NxYS11aS1yb290IGNxYS1ibG9jaycgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBSYWRpb0NhcmRHcm91cENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0NhcmRHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqIENob2ljZXMgdG8gcmVuZGVyIChvcmRlciBwcmVzZXJ2ZWQpLiAqL1xuICBASW5wdXQoKSBvcHRpb25zOiBSYWRpb0NhcmRPcHRpb25bXSA9IFtdO1xuXG4gIC8qKiBXaGVuIHRydWUsIGNhcmRzIHdyYXAgdG8gdGhlIG5leHQgbGluZSAoZS5nLiBtYW55IHBsYXRmb3JtIHRhcmdldHMpLiAqL1xuICBASW5wdXQoKSB3cmFwID0gZmFsc2U7XG5cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKiogRW1pdHMgdGhlIHNhbWUgZXZlbnQgYXMgYG1hdC1yYWRpby1ncm91cGAgZm9yIGNvbXBhdGliaWxpdHkgd2l0aCBleGlzdGluZyBoYW5kbGVycy4gKi9cbiAgQE91dHB1dCgpIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8TWF0UmFkaW9DaGFuZ2U+KCk7XG5cbiAgdmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgb25DaGFuZ2U6ICh2OiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkID0gKCkgPT4ge307XG4gIHByaXZhdGUgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgd3JpdGVWYWx1ZShvYmo6IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqID09IG51bGwgPyBudWxsIDogU3RyaW5nKG9iaik7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodjogc3RyaW5nIHwgbnVsbCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgdHJhY2tCeVZhbHVlKF9pbmRleDogbnVtYmVyLCBvcHQ6IFJhZGlvQ2FyZE9wdGlvbik6IHN0cmluZyB7XG4gICAgcmV0dXJuIG9wdC52YWx1ZTtcbiAgfVxuXG4gIGdldCBoYXNBbnlJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAodGhpcy5vcHRpb25zIHx8IFtdKS5zb21lKChvKSA9PiAhIW8uaWNvbik7XG4gIH1cblxuICBvblJhZGlvQ2hhbmdlKGV2ZW50OiBNYXRSYWRpb0NoYW5nZSk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IG5leHQgPSBldmVudC52YWx1ZSAhPSBudWxsID8gU3RyaW5nKGV2ZW50LnZhbHVlKSA6IG51bGw7XG4gICAgdGhpcy52YWx1ZSA9IG5leHQ7XG4gICAgdGhpcy5vbkNoYW5nZShuZXh0KTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8bWF0LXJhZGlvLWdyb3VwXG4gIGNsYXNzPVwiY3FhLWZsZXggY3FhLWl0ZW1zLXN0cmV0Y2ggY3FhLXJhZGlvLWdyb3VwXCJcbiAgW25nQ2xhc3NdPVwid3JhcCA/ICdjcWEtZmxleC13cmFwIGNxYS1nYXAtMicgOiAnY3FhLWdhcC0zJ1wiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIChjaGFuZ2UpPVwib25SYWRpb0NoYW5nZSgkZXZlbnQpXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbj5cbiAgPGxhYmVsXG4gICAgKm5nRm9yPVwibGV0IG9wdCBvZiBvcHRpb25zOyB0cmFja0J5OiB0cmFja0J5VmFsdWVcIlxuICAgIGNsYXNzPVwiY3FhLXJhZGlvLWNhcmQtb3B0aW9uIHFxYS1tLTAgY3FhLWZsZXggY3FhLWN1cnNvci1wb2ludGVyIGNxYS1pdGVtcy1jZW50ZXIgY3FhLWdhcC0xLjUgY3FhLXJvdW5kZWQtWzhweF0gY3FhLWJvcmRlciBjcWEtYm9yZGVyLXNvbGlkIGNxYS1ib3JkZXItWyNlNWU3ZWJdIGNxYS1weS0yIGNxYS10ZXh0LVsxM3B4XSBjcWEtdGV4dC1bIzM3NDE1MV0gaG92ZXI6Y3FhLWJvcmRlci1bIzYzNjZmMV1cIlxuICAgIFtuZ0NsYXNzXT1cImhhc0FueUljb24gPyAnY3FhLXB4LTMnIDogJ2NxYS1weC00J1wiXG4gID5cbiAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwib3B0LnZhbHVlXCIgY2xhc3M9XCIhY3FhLXByLTBcIj48L21hdC1yYWRpby1idXR0b24+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwib3B0Lmljb25cIiBjbGFzcz1cImNxYS1oLVsxOHB4XSBjcWEtdy1bMThweF0gY3FhLXRleHQtWzE4cHhdIGNxYS10ZXh0LVsjNjM2NmYxXVwiPnt7IG9wdC5pY29uIH19PC9tYXQtaWNvbj5cbiAgICA8c3BhbiBjbGFzcz1cImNxYS13aGl0ZXNwYWNlLW5vd3JhcFwiPnt7IG9wdC5sYWJlbCB9fTwvc3Bhbj5cbiAgPC9sYWJlbD5cbjwvbWF0LXJhZGlvLWdyb3VwPlxuIl19

package/esm2020/lib/radio-card-group/radio-card-option.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tY2FyZC1vcHRpb24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3JhZGlvLWNhcmQtZ3JvdXAvcmFkaW8tY2FyZC1vcHRpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgUmFkaW9DYXJkT3B0aW9uIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIE1hdGVyaWFsIGljb24gbGlnYXR1cmU7IG9taXQgZm9yIHRleHQtb25seSBjYXJkcy4gKi9cbiAgaWNvbj86IHN0cmluZztcbn1cbiJdfQ==