@taiga-ui/kit
Version:
Taiga UI Angular main components kit
38 lines • 4.78 kB
JavaScript
import { Directive, inject, Input } from '@angular/core';
import { TuiTabsDirective } from './tabs.directive';
import * as i0 from "@angular/core";
import * as i1 from "./tabs.directive";
class TuiTabsVertical {
constructor() {
this.tabs = inject(TuiTabsDirective);
this.vertical = 'left';
}
onKeyDownArrow(current, step) {
this.tabs.moveFocus(current, step);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsVertical, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsVertical, isStandalone: true, selector: "tui-tabs[vertical], nav[tuiTabs][vertical]", inputs: { vertical: "vertical" }, host: { listeners: { "keydown.arrowDown.prevent": "onKeyDownArrow($event.target, 1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target, -1)" }, properties: { "attr.data-vertical": "vertical" } }, hostDirectives: [{ directive: i1.TuiTabsDirective, inputs: ["activeItemIndex", "activeItemIndex", "size", "size"], outputs: ["activeItemIndexChange", "activeItemIndexChange"] }], ngImport: i0 }); }
}
export { TuiTabsVertical };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsVertical, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: 'tui-tabs[vertical], nav[tuiTabs][vertical]',
hostDirectives: [
{
directive: TuiTabsDirective,
inputs: ['activeItemIndex', 'size'],
outputs: ['activeItemIndexChange'],
},
],
host: {
'[attr.data-vertical]': 'vertical',
'(keydown.arrowDown.prevent)': 'onKeyDownArrow($event.target, 1)',
'(keydown.arrowUp.prevent)': 'onKeyDownArrow($event.target, -1)',
},
}]
}], propDecorators: { vertical: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy12ZXJ0aWNhbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy90YWJzL3RhYnMtdmVydGljYWwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUd2RCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRWxELE1BZ0JhLGVBQWU7SUFoQjVCO1FBaUJxQixTQUFJLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFHMUMsYUFBUSxHQUEyQixNQUFNLENBQUM7S0FLcEQ7SUFIYSxjQUFjLENBQUMsT0FBb0IsRUFBRSxJQUFZO1FBQ3ZELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDOytHQVJRLGVBQWU7bUdBQWYsZUFBZTs7U0FBZixlQUFlOzRGQUFmLGVBQWU7a0JBaEIzQixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsNENBQTRDO29CQUN0RCxjQUFjLEVBQUU7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLGdCQUFnQjs0QkFDM0IsTUFBTSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsTUFBTSxDQUFDOzRCQUNuQyxPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzt5QkFDckM7cUJBQ0o7b0JBQ0QsSUFBSSxFQUFFO3dCQUNGLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLDZCQUE2QixFQUFFLGtDQUFrQzt3QkFDakUsMkJBQTJCLEVBQUUsbUNBQW1DO3FCQUNuRTtpQkFDSjs4QkFLVSxRQUFRO3NCQURkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgaW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7VHVpSG9yaXpvbnRhbERpcmVjdGlvbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdHlwZXMnO1xuXG5pbXBvcnQge1R1aVRhYnNEaXJlY3RpdmV9IGZyb20gJy4vdGFicy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAndHVpLXRhYnNbdmVydGljYWxdLCBuYXZbdHVpVGFic11bdmVydGljYWxdJyxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFR1aVRhYnNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsnYWN0aXZlSXRlbUluZGV4JywgJ3NpemUnXSxcbiAgICAgICAgICAgIG91dHB1dHM6IFsnYWN0aXZlSXRlbUluZGV4Q2hhbmdlJ10sXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXZlcnRpY2FsXSc6ICd2ZXJ0aWNhbCcsXG4gICAgICAgICcoa2V5ZG93bi5hcnJvd0Rvd24ucHJldmVudCknOiAnb25LZXlEb3duQXJyb3coJGV2ZW50LnRhcmdldCwgMSknLFxuICAgICAgICAnKGtleWRvd24uYXJyb3dVcC5wcmV2ZW50KSc6ICdvbktleURvd25BcnJvdygkZXZlbnQudGFyZ2V0LCAtMSknLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRhYnNWZXJ0aWNhbCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSB0YWJzID0gaW5qZWN0KFR1aVRhYnNEaXJlY3RpdmUpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdmVydGljYWw6IFR1aUhvcml6b250YWxEaXJlY3Rpb24gPSAnbGVmdCc7XG5cbiAgICBwcm90ZWN0ZWQgb25LZXlEb3duQXJyb3coY3VycmVudDogSFRNTEVsZW1lbnQsIHN0ZXA6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLnRhYnMubW92ZUZvY3VzKGN1cnJlbnQsIHN0ZXApO1xuICAgIH1cbn1cbiJdfQ==