import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@clr/angular";
import * as i2 from "@angular/common";
import * as i3 from "../chip/chip.component";
import * as i4 from "../dropdown/dropdown.component";
import * as i5 from "../dropdown/dropdown-menu.component";
import * as i6 from "../dropdown/dropdown-trigger.directive";
import * as i7 from "../dropdown/dropdown-item.directive";
import * as i8 from "@ngx-translate/core";
import * as i9 from "../../pipes/asset-preview.pipe";
export class AssetPreviewLinksComponent {
    constructor() {
        this.sizes = ['tiny', 'thumb', 'small', 'medium', 'large', 'full'];
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: AssetPreviewLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.2", type: AssetPreviewLinksComponent, selector: "vdr-asset-preview-links", inputs: { asset: "asset" }, ngImport: i0, template: "<vdr-dropdown>\n    <button class=\"button\" vdrDropdownTrigger>\n        <clr-icon shape=\"link\"></clr-icon> {{ 'catalog.asset-preview-links' | translate\n        }}<clr-icon shape=\"ellipsis-vertical\"></clr-icon>\n    </button>\n    <vdr-dropdown-menu vdrPosition=\"bottom-left\">\n        <a\n            *ngFor=\"let size of sizes\"\n            [href]=\"asset | assetPreview : size\"\n            [title]=\"asset | assetPreview : size\"\n            target=\"_blank\"\n            class=\"asset-preview-link\"\n            vdrDropdownItem\n        >\n            <vdr-chip\n                ><clr-icon shape=\"link\"></clr-icon> {{ 'asset.preview' | translate }}: {{ size }}</vdr-chip\n            >\n        </a>\n    </vdr-dropdown-menu></vdr-dropdown\n>\n", styles: [".asset-preview-link{font-size:12px;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }, { kind: "component", type: i4.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i5.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i6.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "directive", type: i7.DropdownItemDirective, selector: "[vdrDropdownItem]" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.AssetPreviewPipe, name: "assetPreview" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: AssetPreviewLinksComponent, decorators: [{
            type: Component,
            args: [{ selector: 'vdr-asset-preview-links', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-dropdown>\n    <button class=\"button\" vdrDropdownTrigger>\n        <clr-icon shape=\"link\"></clr-icon> {{ 'catalog.asset-preview-links' | translate\n        }}<clr-icon shape=\"ellipsis-vertical\"></clr-icon>\n    </button>\n    <vdr-dropdown-menu vdrPosition=\"bottom-left\">\n        <a\n            *ngFor=\"let size of sizes\"\n            [href]=\"asset | assetPreview : size\"\n            [title]=\"asset | assetPreview : size\"\n            target=\"_blank\"\n            class=\"asset-preview-link\"\n            vdrDropdownItem\n        >\n            <vdr-chip\n                ><clr-icon shape=\"link\"></clr-icon> {{ 'asset.preview' | translate }}: {{ size }}</vdr-chip\n            >\n        </a>\n    </vdr-dropdown-menu></vdr-dropdown\n>\n", styles: [".asset-preview-link{font-size:12px;display:flex;align-items:center}\n"] }]
        }], propDecorators: { asset: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtcHJldmlldy1saW5rcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2Fzc2V0LXByZXZpZXctbGlua3MvYXNzZXQtcHJldmlldy1saW5rcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2Fzc2V0LXByZXZpZXctbGlua3MvYXNzZXQtcHJldmlldy1saW5rcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFVMUUsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQVFJLFVBQUssR0FBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7S0FDakU7OEdBSFksMEJBQTBCO2tHQUExQiwwQkFBMEIsMkZDVnZDLDh2QkFvQkE7OzJGRFZhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDSSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFzc2V0TGlrZSB9IGZyb20gJy4uL2Fzc2V0LWdhbGxlcnkvYXNzZXQtZ2FsbGVyeS50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLWFzc2V0LXByZXZpZXctbGlua3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hc3NldC1wcmV2aWV3LWxpbmtzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hc3NldC1wcmV2aWV3LWxpbmtzLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFzc2V0UHJldmlld0xpbmtzQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBhc3NldDogQXNzZXRMaWtlO1xuICAgIHNpemVzID0gWyd0aW55JywgJ3RodW1iJywgJ3NtYWxsJywgJ21lZGl1bScsICdsYXJnZScsICdmdWxsJ107XG59XG4iLCI8dmRyLWRyb3Bkb3duPlxuICAgIDxidXR0b24gY2xhc3M9XCJidXR0b25cIiB2ZHJEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxjbHItaWNvbiBzaGFwZT1cImxpbmtcIj48L2Nsci1pY29uPiB7eyAnY2F0YWxvZy5hc3NldC1wcmV2aWV3LWxpbmtzJyB8IHRyYW5zbGF0ZVxuICAgICAgICB9fTxjbHItaWNvbiBzaGFwZT1cImVsbGlwc2lzLXZlcnRpY2FsXCI+PC9jbHItaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8dmRyLWRyb3Bkb3duLW1lbnUgdmRyUG9zaXRpb249XCJib3R0b20tbGVmdFwiPlxuICAgICAgICA8YVxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IHNpemUgb2Ygc2l6ZXNcIlxuICAgICAgICAgICAgW2hyZWZdPVwiYXNzZXQgfCBhc3NldFByZXZpZXcgOiBzaXplXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJhc3NldCB8IGFzc2V0UHJldmlldyA6IHNpemVcIlxuICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYXNzZXQtcHJldmlldy1saW5rXCJcbiAgICAgICAgICAgIHZkckRyb3Bkb3duSXRlbVxuICAgICAgICA+XG4gICAgICAgICAgICA8dmRyLWNoaXBcbiAgICAgICAgICAgICAgICA+PGNsci1pY29uIHNoYXBlPVwibGlua1wiPjwvY2xyLWljb24+IHt7ICdhc3NldC5wcmV2aWV3JyB8IHRyYW5zbGF0ZSB9fToge3sgc2l6ZSB9fTwvdmRyLWNoaXBcbiAgICAgICAgICAgID5cbiAgICAgICAgPC9hPlxuICAgIDwvdmRyLWRyb3Bkb3duLW1lbnU+PC92ZHItZHJvcGRvd25cbj5cbiJdfQ==