mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-23 09:03:44 +03:00
35 lines
742 B
TypeScript
35 lines
742 B
TypeScript
'use strict';
|
|
|
|
import { Component, EventEmitter, ElementRef, Output, AfterContentInit } from '@angular/core';
|
|
import * as DropKick from 'dropkickjs';
|
|
|
|
@Component({
|
|
selector: 'drop-down',
|
|
template: `
|
|
<select (change)=onChange($event.target.value)>
|
|
<ng-content></ng-content>
|
|
</select>
|
|
`,
|
|
styleUrls: ['./drop-down.css']
|
|
})
|
|
export class DropDown implements AfterContentInit {
|
|
@Output() change = new EventEmitter();
|
|
elem: any;
|
|
inst: any;
|
|
constructor(elem:ElementRef) {
|
|
this.elem = elem.nativeElement;
|
|
}
|
|
|
|
ngAfterContentInit() {
|
|
this.inst = new DropKick(this.elem.firstElementChild, {autoWidth: true});
|
|
}
|
|
|
|
onChange(value) {
|
|
this.change.next(value);
|
|
}
|
|
|
|
destroy() {
|
|
this.inst.dispose();
|
|
}
|
|
}
|