@ng-doc/ui-kit/fesm2022/ng-doc-ui-kit-components-blockquote.mjs

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';
import * as i0 from '@angular/core';
import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';

class NgDocBlockquoteComponent {
    constructor() {
        this.type = 'default';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NgDocBlockquoteComponent, isStandalone: true, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type", icon: "icon" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "@if (type !== 'default') {\n  <div class=\"ng-doc-blockquote-icon\">\n    @if (icon) {\n      <ng-doc-icon [icon]=\"icon\" size=\"24\"></ng-doc-icon>\n    } @else {\n      @switch (type) {\n        @case ('note') {\n          <ng-doc-icon icon=\"info\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('warning') {\n          <ng-doc-icon icon=\"alert-triangle\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('success') {\n          <ng-doc-icon icon=\"check\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('alert') {\n          <ng-doc-icon icon=\"alert-circle\" size=\"24\"></ng-doc-icon>\n        }\n      }\n    }\n  </div>\n}\n<div class=\"ng-doc-blockquote\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);background:color-mix(in srgb,var(--ng-doc-blockquote-background, var(--ng-doc-base-9)),transparent 90%);border:1px solid color-mix(in srgb,var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9)),transparent 80%);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host[data-ng-doc-type=success]{--ng-doc-blockquote-background: var(--ng-doc-success);--ng-doc-blockquote-border-color: var(--ng-doc-success);--ng-doc-icon-color: var(--ng-doc-success)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-blockquote{text-decoration:none}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
            type: Component,
            args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], template: "@if (type !== 'default') {\n  <div class=\"ng-doc-blockquote-icon\">\n    @if (icon) {\n      <ng-doc-icon [icon]=\"icon\" size=\"24\"></ng-doc-icon>\n    } @else {\n      @switch (type) {\n        @case ('note') {\n          <ng-doc-icon icon=\"info\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('warning') {\n          <ng-doc-icon icon=\"alert-triangle\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('success') {\n          <ng-doc-icon icon=\"check\" size=\"24\"></ng-doc-icon>\n        }\n        @case ('alert') {\n          <ng-doc-icon icon=\"alert-circle\" size=\"24\"></ng-doc-icon>\n        }\n      }\n    }\n  </div>\n}\n<div class=\"ng-doc-blockquote\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);background:color-mix(in srgb,var(--ng-doc-blockquote-background, var(--ng-doc-base-9)),transparent 90%);border:1px solid color-mix(in srgb,var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9)),transparent 80%);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host[data-ng-doc-type=success]{--ng-doc-blockquote-background: var(--ng-doc-success);--ng-doc-blockquote-border-color: var(--ng-doc-success);--ng-doc-icon-color: var(--ng-doc-success)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-blockquote{text-decoration:none}:host ::ng-deep p{margin:0}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-type']
            }], icon: [{
                type: Input
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { NgDocBlockquoteComponent };
//# sourceMappingURL=ng-doc-ui-kit-components-blockquote.mjs.map