ng-devui
Version:
DevUI components based on Angular
33 lines • 9.08 kB
JavaScript
import { Component, HostListener, Inject, ViewEncapsulation } from '@angular/core';
import { AccordionBaseLinkComponent } from './accordion-base-link-component.class';
import { ACCORDION } from './accordion-token';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AccordionItemHreflinkComponent extends AccordionBaseLinkComponent {
constructor(accordion) {
super(accordion);
this.accordion = accordion;
}
onClick(event) {
if (!this.disabled) {
this.accordion.linkItemClickFn({
item: this.item,
parent: this.parent,
event: event
});
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemHreflinkComponent, deps: [{ token: ACCORDION }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccordionItemHreflinkComponent, selector: "d-accordion-item-hreflink", host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!disabled\">\n <a class=\"devui-over-flow-ellipsis\" href=\"{{ link }}\" target=\"{{ target }}\" rel=\"noopener\" title=\"{{ title }}\">\n <div\n class=\"devui-accordion-splitter\"\n [ngClass]=\"{ 'devui-parent-list': deepth === 0 }\"\n [ngStyle]=\"{ left: deepth * 20 + 10 + 'px' }\"\n ></div>\n <ng-container *ngIf=\"!itemTemplate\">\n {{ title }}\n </ng-container>\n <ng-template\n *ngIf=\"itemTemplate\"\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{\n parent: parent,\n item: item,\n deepth: deepth\n }\"\n ></ng-template>\n </a>\n</ng-container>\n<ng-container *ngIf=\"disabled\">\n <a class=\"devui-over-flow-ellipsis\" title=\"{{ title }}\">\n <div\n class=\"devui-accordion-splitter\"\n [ngClass]=\"{ 'devui-parent-list': deepth === 0 }\"\n [ngStyle]=\"{ left: deepth * 20 + 10 + 'px' }\"\n ></div>\n <ng-container *ngIf=\"!itemTemplate\">\n {{ title }}\n </ng-container>\n <ng-template\n *ngIf=\"itemTemplate\"\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{\n parent: parent,\n item: item,\n deepth: deepth\n }\"\n ></ng-template>\n </a>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemHreflinkComponent, decorators: [{
type: Component,
args: [{ selector: 'd-accordion-item-hreflink', encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<ng-container *ngIf=\"!disabled\">\n <a class=\"devui-over-flow-ellipsis\" href=\"{{ link }}\" target=\"{{ target }}\" rel=\"noopener\" title=\"{{ title }}\">\n <div\n class=\"devui-accordion-splitter\"\n [ngClass]=\"{ 'devui-parent-list': deepth === 0 }\"\n [ngStyle]=\"{ left: deepth * 20 + 10 + 'px' }\"\n ></div>\n <ng-container *ngIf=\"!itemTemplate\">\n {{ title }}\n </ng-container>\n <ng-template\n *ngIf=\"itemTemplate\"\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{\n parent: parent,\n item: item,\n deepth: deepth\n }\"\n ></ng-template>\n </a>\n</ng-container>\n<ng-container *ngIf=\"disabled\">\n <a class=\"devui-over-flow-ellipsis\" title=\"{{ title }}\">\n <div\n class=\"devui-accordion-splitter\"\n [ngClass]=\"{ 'devui-parent-list': deepth === 0 }\"\n [ngStyle]=\"{ left: deepth * 20 + 10 + 'px' }\"\n ></div>\n <ng-container *ngIf=\"!itemTemplate\">\n {{ title }}\n </ng-container>\n <ng-template\n *ngIf=\"itemTemplate\"\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{\n parent: parent,\n item: item,\n deepth: deepth\n }\"\n ></ng-template>\n </a>\n</ng-container>\n" }]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Inject,
args: [ACCORDION]
}] }], propDecorators: { onClick: [{
type: HostListener,
args: ['click', ['$event']]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taHJlZmxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZGV2dWkvYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhyZWZsaW5rLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2RldnVpL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS1ocmVmbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDbkYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7QUFROUMsTUFBTSxPQUFPLDhCQUErQixTQUFRLDBCQUEwQjtJQUM1RSxZQUF5QyxTQUFjO1FBQ3JELEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURzQixjQUFTLEdBQVQsU0FBUyxDQUFLO0lBRXZELENBQUM7SUFFRCxPQUFPLENBQUMsS0FBaUI7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQztnQkFDN0IsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNmLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtnQkFDbkIsS0FBSyxFQUFFLEtBQUs7YUFDYixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQzsrR0FiVSw4QkFBOEIsa0JBQ3JCLFNBQVM7bUdBRGxCLDhCQUE4Qiw2SUNWM0Msa3hDQTBDQTs7NEZEaENhLDhCQUE4QjtrQkFOMUMsU0FBUzsrQkFDRSwyQkFBMkIsaUJBRXRCLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUs7OzBCQUdiLE1BQU07MkJBQUMsU0FBUzt5Q0FJN0IsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY2NvcmRpb25CYXNlTGlua0NvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWJhc2UtbGluay1jb21wb25lbnQuY2xhc3MnO1xuaW1wb3J0IHsgQUNDT1JESU9OIH0gZnJvbSAnLi9hY2NvcmRpb24tdG9rZW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkLWFjY29yZGlvbi1pdGVtLWhyZWZsaW5rJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi1pdGVtLWhyZWZsaW5rLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkl0ZW1IcmVmbGlua0NvbXBvbmVudCBleHRlbmRzIEFjY29yZGlvbkJhc2VMaW5rQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoQEluamVjdChBQ0NPUkRJT04pIHByb3RlY3RlZCBhY2NvcmRpb246IGFueSkge1xuICAgIHN1cGVyKGFjY29yZGlvbik7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmFjY29yZGlvbi5saW5rSXRlbUNsaWNrRm4oe1xuICAgICAgICBpdGVtOiB0aGlzLml0ZW0sXG4gICAgICAgIHBhcmVudDogdGhpcy5wYXJlbnQsXG4gICAgICAgIGV2ZW50OiBldmVudFxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWRpc2FibGVkXCI+XG4gIDxhIGNsYXNzPVwiZGV2dWktb3Zlci1mbG93LWVsbGlwc2lzXCIgaHJlZj1cInt7IGxpbmsgfX1cIiB0YXJnZXQ9XCJ7eyB0YXJnZXQgfX1cIiByZWw9XCJub29wZW5lclwiIHRpdGxlPVwie3sgdGl0bGUgfX1cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImRldnVpLWFjY29yZGlvbi1zcGxpdHRlclwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdkZXZ1aS1wYXJlbnQtbGlzdCc6IGRlZXB0aCA9PT0gMCB9XCJcbiAgICAgIFtuZ1N0eWxlXT1cInsgbGVmdDogZGVlcHRoICogMjAgKyAxMCArICdweCcgfVwiXG4gICAgPjwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXRlbVRlbXBsYXRlXCI+XG4gICAgICB7eyB0aXRsZSB9fVxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgKm5nSWY9XCJpdGVtVGVtcGxhdGVcIlxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG4gICAgICAgIHBhcmVudDogcGFyZW50LFxuICAgICAgICBpdGVtOiBpdGVtLFxuICAgICAgICBkZWVwdGg6IGRlZXB0aFxuICAgICAgfVwiXG4gICAgPjwvbmctdGVtcGxhdGU+XG4gIDwvYT5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc2FibGVkXCI+XG4gIDxhIGNsYXNzPVwiZGV2dWktb3Zlci1mbG93LWVsbGlwc2lzXCIgdGl0bGU9XCJ7eyB0aXRsZSB9fVwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZGV2dWktYWNjb3JkaW9uLXNwbGl0dGVyXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ2RldnVpLXBhcmVudC1saXN0JzogZGVlcHRoID09PSAwIH1cIlxuICAgICAgW25nU3R5bGVdPVwieyBsZWZ0OiBkZWVwdGggKiAyMCArIDEwICsgJ3B4JyB9XCJcbiAgICA+PC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpdGVtVGVtcGxhdGVcIj5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAqbmdJZj1cIml0ZW1UZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIlxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntcbiAgICAgICAgcGFyZW50OiBwYXJlbnQsXG4gICAgICAgIGl0ZW06IGl0ZW0sXG4gICAgICAgIGRlZXB0aDogZGVlcHRoXG4gICAgICB9XCJcbiAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgPC9hPlxuPC9uZy1jb250YWluZXI+XG4iXX0=