@doku-dev/doku-fragment/esm2020/lib/radio/built-in-appearances/radio-appearance-card/radio-appearance-card.component.mjs

A new Angular UI library that moving away from Bootstrap and built from scratch.

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation } from '@angular/core';
import { DokuTypographyModule } from '../../../typography';
import { DokuRadioCustomAppearance } from '../../radio-custom-appearance.directive';
import { DokuRadioIndicator } from '../../radio-indicator.component';
import { DOKU_RADIO_BUILT_IN_APPEARANCE } from '../../token';
import * as i0 from "@angular/core";
import * as i1 from "../../../typography/typography.component";
export class DokuRadioAppearanceCard {
}
DokuRadioAppearanceCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuRadioAppearanceCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
DokuRadioAppearanceCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuRadioAppearanceCard, isStandalone: true, selector: "doku-radio-appearance-card", providers: [
        {
            provide: DOKU_RADIO_BUILT_IN_APPEARANCE,
            useExisting: DokuRadioAppearanceCard,
        },
    ], viewQueries: [{ propertyName: "template", first: true, predicate: DokuRadioCustomAppearance, descendants: true }], exportAs: ["dokuRadioAppearanceCard"], ngImport: i0, template: "<ng-template doku-radio-custom-appearance let-checked=\"checked\" let-disabled=\"disabled\">\n  <div class=\"d-radio-appearance-card\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\n    <doku-radio-indicator></doku-radio-indicator>\n    <div class=\"content\">\n      <div doku-typography variant=\"body-m\" class=\"title\">\n        <ng-content select=\"ng-container[title]\"></ng-content>\n      </div>\n      <div doku-typography variant=\"body-s\" class=\"desc\">\n        <ng-content select=\"ng-container[description]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DokuRadioCustomAppearance, selector: "ng-template[doku-radio-custom-appearance]", exportAs: ["dokuRadioCustomAppearance"] }, { kind: "component", type: DokuRadioIndicator, selector: "doku-radio-indicator", exportAs: ["dokuRadioIndicator"] }, { kind: "ngmodule", type: DokuTypographyModule }, { kind: "component", type: i1.DokuTypography, selector: "[doku-typography]", inputs: ["variant"], exportAs: ["dokuTypography"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuRadioAppearanceCard, decorators: [{
            type: Component,
            args: [{ selector: 'doku-radio-appearance-card', exportAs: 'dokuRadioAppearanceCard', standalone: true, imports: [CommonModule, DokuRadioCustomAppearance, DokuRadioIndicator, DokuTypographyModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                        {
                            provide: DOKU_RADIO_BUILT_IN_APPEARANCE,
                            useExisting: DokuRadioAppearanceCard,
                        },
                    ], template: "<ng-template doku-radio-custom-appearance let-checked=\"checked\" let-disabled=\"disabled\">\n  <div class=\"d-radio-appearance-card\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\n    <doku-radio-indicator></doku-radio-indicator>\n    <div class=\"content\">\n      <div doku-typography variant=\"body-m\" class=\"title\">\n        <ng-content select=\"ng-container[title]\"></ng-content>\n      </div>\n      <div doku-typography variant=\"body-s\" class=\"desc\">\n        <ng-content select=\"ng-container[description]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-template>\n" }]
        }], propDecorators: { template: [{
                type: ViewChild,
                args: [DokuRadioCustomAppearance]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYXBwZWFyYW5jZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9yYWRpby9idWlsdC1pbi1hcHBlYXJhbmNlcy9yYWRpby1hcHBlYXJhbmNlLWNhcmQvcmFkaW8tYXBwZWFyYW5jZS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9yYWRpby9idWlsdC1pbi1hcHBlYXJhbmNlcy9yYWRpby1hcHBlYXJhbmNlLWNhcmQvcmFkaW8tYXBwZWFyYW5jZS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQWlCN0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHlFQVB2QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLDhCQUE4QjtZQUN2QyxXQUFXLEVBQUUsdUJBQXVCO1NBQ3JDO0tBQ0Ysb0VBR1UseUJBQXlCLHVGQ3hCdEMsZ21CQWFBLDJDRERZLFlBQVksK0JBQUUseUJBQXlCLCtIQUFFLGtCQUFrQixrR0FBRSxvQkFBb0I7MkZBV2hGLHVCQUF1QjtrQkFmbkMsU0FBUzsrQkFDRSw0QkFBNEIsWUFDNUIseUJBQXlCLGNBQ3ZCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSx5QkFBeUIsRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0IsQ0FBQyxpQkFFN0UsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsOEJBQThCOzRCQUN2QyxXQUFXLHlCQUF5Qjt5QkFDckM7cUJBQ0Y7OEJBR3FDLFFBQVE7c0JBQTdDLFNBQVM7dUJBQUMseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERva3VUeXBvZ3JhcGh5TW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBEb2t1UmFkaW9DdXN0b21BcHBlYXJhbmNlIH0gZnJvbSAnLi4vLi4vcmFkaW8tY3VzdG9tLWFwcGVhcmFuY2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IERva3VSYWRpb0luZGljYXRvciB9IGZyb20gJy4uLy4uL3JhZGlvLWluZGljYXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9rdVJhZGlvQnVpbHRJbkFwcGVhcmFuY2UgfSBmcm9tICcuLi8uLi9yYWRpby5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgRE9LVV9SQURJT19CVUlMVF9JTl9BUFBFQVJBTkNFIH0gZnJvbSAnLi4vLi4vdG9rZW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkb2t1LXJhZGlvLWFwcGVhcmFuY2UtY2FyZCcsXG4gIGV4cG9ydEFzOiAnZG9rdVJhZGlvQXBwZWFyYW5jZUNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEb2t1UmFkaW9DdXN0b21BcHBlYXJhbmNlLCBEb2t1UmFkaW9JbmRpY2F0b3IsIERva3VUeXBvZ3JhcGh5TW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWFwcGVhcmFuY2UtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBET0tVX1JBRElPX0JVSUxUX0lOX0FQUEVBUkFOQ0UsXG4gICAgICB1c2VFeGlzdGluZzogRG9rdVJhZGlvQXBwZWFyYW5jZUNhcmQsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRG9rdVJhZGlvQXBwZWFyYW5jZUNhcmQgaW1wbGVtZW50cyBEb2t1UmFkaW9CdWlsdEluQXBwZWFyYW5jZSB7XG4gIEBWaWV3Q2hpbGQoRG9rdVJhZGlvQ3VzdG9tQXBwZWFyYW5jZSkgdGVtcGxhdGU/OiBEb2t1UmFkaW9DdXN0b21BcHBlYXJhbmNlO1xufVxuIiwiPG5nLXRlbXBsYXRlIGRva3UtcmFkaW8tY3VzdG9tLWFwcGVhcmFuY2UgbGV0LWNoZWNrZWQ9XCJjaGVja2VkXCIgbGV0LWRpc2FibGVkPVwiZGlzYWJsZWRcIj5cbiAgPGRpdiBjbGFzcz1cImQtcmFkaW8tYXBwZWFyYW5jZS1jYXJkXCIgW2NsYXNzLmNoZWNrZWRdPVwiY2hlY2tlZFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxkb2t1LXJhZGlvLWluZGljYXRvcj48L2Rva3UtcmFkaW8taW5kaWNhdG9yPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICA8ZGl2IGRva3UtdHlwb2dyYXBoeSB2YXJpYW50PVwiYm9keS1tXCIgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJuZy1jb250YWluZXJbdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGRva3UtdHlwb2dyYXBoeSB2YXJpYW50PVwiYm9keS1zXCIgY2xhc3M9XCJkZXNjXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5nLWNvbnRhaW5lcltkZXNjcmlwdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19