@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
48 lines • 8.32 kB
JavaScript
export class ViewElement {
static createTabsHeader(props) {
const element = props.renderer.createElement('div');
props.renderer.addClass(element, 'd-tabs-header');
return element;
}
static createTabsBody(props) {
const element = props.renderer.createElement('div');
props.renderer.addClass(element, 'd-tabs-body');
return element;
}
static createTabLabel(props) {
const element = props.renderer.createElement('div');
props.renderer.addClass(element, 'd-tab-label');
return element;
}
static createTabContent(props) {
const element = props.renderer.createElement('div');
props.renderer.addClass(element, 'd-tab-content');
return element;
}
static appendLabelToTabsHeader(props) {
const viewRef = props.labelTemplate.templateRef.createEmbeddedView(null);
props.applicationRef.attachView(viewRef);
viewRef.rootNodes.forEach((node) => props.renderer.appendChild(props.labelElement, node));
props.renderer.appendChild(props.headerElement, props.labelElement);
return viewRef;
}
static appendContentToTabsBody(props) {
props.renderer.appendChild(props.bodyElement, props.contentElement);
if (props.lazyLoad)
return;
const viewRef = this.createContentViewRefAndAppend({
applicationRef: props.applicationRef,
renderer: props.renderer,
contentElement: props.contentElement,
contentTemplate: props.contentTemplate,
});
return viewRef;
}
static createContentViewRefAndAppend(props) {
const viewRef = props.contentTemplate.templateRef.createEmbeddedView(null);
props.applicationRef.attachView(viewRef);
viewRef.rootNodes.forEach((node) => props.renderer.appendChild(props.contentElement, node));
return viewRef;
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9rdS1mcmFnbWVudC9zcmMvbGliL3RhYnMvdmlldy1lbGVtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sT0FBTyxXQUFXO0lBQ3RCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNwRCxNQUFNLE9BQU8sR0FBbUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQ2xELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxNQUFNLENBQUMsY0FBYyxDQUFDLEtBQThCO1FBQ2xELE1BQU0sT0FBTyxHQUFtQixLQUFLLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwRSxLQUFLLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFDaEQsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELE1BQU0sQ0FBQyxjQUFjLENBQUMsS0FBOEI7UUFDbEQsTUFBTSxPQUFPLEdBQW1CLEtBQUssQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BFLEtBQUssQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsQ0FBQztRQUNoRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRUQsTUFBTSxDQUFDLGdCQUFnQixDQUFDLEtBQThCO1FBQ3BELE1BQU0sT0FBTyxHQUFtQixLQUFLLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwRSxLQUFLLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDbEQsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxLQU05QjtRQUNDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pFLEtBQUssQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLE9BQU8sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDMUYsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDcEUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxLQU85QjtRQUNDLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3BFLElBQUksS0FBSyxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBRTNCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyw2QkFBNkIsQ0FBQztZQUNqRCxjQUFjLEVBQUUsS0FBSyxDQUFDLGNBQWM7WUFDcEMsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRO1lBQ3hCLGNBQWMsRUFBRSxLQUFLLENBQUMsY0FBYztZQUNwQyxlQUFlLEVBQUUsS0FBSyxDQUFDLGVBQWU7U0FDdkMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELE1BQU0sQ0FBQyw2QkFBNkIsQ0FBQyxLQUtwQztRQUNDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNFLEtBQUssQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLE9BQU8sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDNUYsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXBwbGljYXRpb25SZWYsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9rdVRhYkNvbnRlbnQgfSBmcm9tICcuL3RhYi1jb250ZW50LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEb2t1VGFiTGFiZWwgfSBmcm9tICcuL3RhYi1sYWJlbC5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY2xhc3MgVmlld0VsZW1lbnQge1xuICBzdGF0aWMgY3JlYXRlVGFic0hlYWRlcihwcm9wczogeyByZW5kZXJlcjogUmVuZGVyZXIyIH0pIHtcbiAgICBjb25zdCBlbGVtZW50OiBIVE1MRGl2RWxlbWVudCA9IHByb3BzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIHByb3BzLnJlbmRlcmVyLmFkZENsYXNzKGVsZW1lbnQsICdkLXRhYnMtaGVhZGVyJyk7XG4gICAgcmV0dXJuIGVsZW1lbnQ7XG4gIH1cblxuICBzdGF0aWMgY3JlYXRlVGFic0JvZHkocHJvcHM6IHsgcmVuZGVyZXI6IFJlbmRlcmVyMiB9KSB7XG4gICAgY29uc3QgZWxlbWVudDogSFRNTERpdkVsZW1lbnQgPSBwcm9wcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBwcm9wcy5yZW5kZXJlci5hZGRDbGFzcyhlbGVtZW50LCAnZC10YWJzLWJvZHknKTtcbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHN0YXRpYyBjcmVhdGVUYWJMYWJlbChwcm9wczogeyByZW5kZXJlcjogUmVuZGVyZXIyIH0pIHtcbiAgICBjb25zdCBlbGVtZW50OiBIVE1MRGl2RWxlbWVudCA9IHByb3BzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIHByb3BzLnJlbmRlcmVyLmFkZENsYXNzKGVsZW1lbnQsICdkLXRhYi1sYWJlbCcpO1xuICAgIHJldHVybiBlbGVtZW50O1xuICB9XG5cbiAgc3RhdGljIGNyZWF0ZVRhYkNvbnRlbnQocHJvcHM6IHsgcmVuZGVyZXI6IFJlbmRlcmVyMiB9KSB7XG4gICAgY29uc3QgZWxlbWVudDogSFRNTERpdkVsZW1lbnQgPSBwcm9wcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBwcm9wcy5yZW5kZXJlci5hZGRDbGFzcyhlbGVtZW50LCAnZC10YWItY29udGVudCcpO1xuICAgIHJldHVybiBlbGVtZW50O1xuICB9XG5cbiAgc3RhdGljIGFwcGVuZExhYmVsVG9UYWJzSGVhZGVyKHByb3BzOiB7XG4gICAgaGVhZGVyRWxlbWVudDogSFRNTERpdkVsZW1lbnQ7XG4gICAgbGFiZWxFbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbiAgICBsYWJlbFRlbXBsYXRlOiBEb2t1VGFiTGFiZWw7XG4gICAgYXBwbGljYXRpb25SZWY6IEFwcGxpY2F0aW9uUmVmO1xuICAgIHJlbmRlcmVyOiBSZW5kZXJlcjI7XG4gIH0pIHtcbiAgICBjb25zdCB2aWV3UmVmID0gcHJvcHMubGFiZWxUZW1wbGF0ZS50ZW1wbGF0ZVJlZi5jcmVhdGVFbWJlZGRlZFZpZXcobnVsbCk7XG4gICAgcHJvcHMuYXBwbGljYXRpb25SZWYuYXR0YWNoVmlldyh2aWV3UmVmKTtcbiAgICB2aWV3UmVmLnJvb3ROb2Rlcy5mb3JFYWNoKChub2RlKSA9PiBwcm9wcy5yZW5kZXJlci5hcHBlbmRDaGlsZChwcm9wcy5sYWJlbEVsZW1lbnQsIG5vZGUpKTtcbiAgICBwcm9wcy5yZW5kZXJlci5hcHBlbmRDaGlsZChwcm9wcy5oZWFkZXJFbGVtZW50LCBwcm9wcy5sYWJlbEVsZW1lbnQpO1xuICAgIHJldHVybiB2aWV3UmVmO1xuICB9XG5cbiAgc3RhdGljIGFwcGVuZENvbnRlbnRUb1RhYnNCb2R5KHByb3BzOiB7XG4gICAgYm9keUVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50O1xuICAgIGNvbnRlbnRFbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbiAgICBjb250ZW50VGVtcGxhdGU6IERva3VUYWJDb250ZW50O1xuICAgIGFwcGxpY2F0aW9uUmVmOiBBcHBsaWNhdGlvblJlZjtcbiAgICByZW5kZXJlcjogUmVuZGVyZXIyO1xuICAgIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgfSkge1xuICAgIHByb3BzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHByb3BzLmJvZHlFbGVtZW50LCBwcm9wcy5jb250ZW50RWxlbWVudCk7XG4gICAgaWYgKHByb3BzLmxhenlMb2FkKSByZXR1cm47XG5cbiAgICBjb25zdCB2aWV3UmVmID0gdGhpcy5jcmVhdGVDb250ZW50Vmlld1JlZkFuZEFwcGVuZCh7XG4gICAgICBhcHBsaWNhdGlvblJlZjogcHJvcHMuYXBwbGljYXRpb25SZWYsXG4gICAgICByZW5kZXJlcjogcHJvcHMucmVuZGVyZXIsXG4gICAgICBjb250ZW50RWxlbWVudDogcHJvcHMuY29udGVudEVsZW1lbnQsXG4gICAgICBjb250ZW50VGVtcGxhdGU6IHByb3BzLmNvbnRlbnRUZW1wbGF0ZSxcbiAgICB9KTtcbiAgICByZXR1cm4gdmlld1JlZjtcbiAgfVxuXG4gIHN0YXRpYyBjcmVhdGVDb250ZW50Vmlld1JlZkFuZEFwcGVuZChwcm9wczoge1xuICAgIGFwcGxpY2F0aW9uUmVmOiBBcHBsaWNhdGlvblJlZjtcbiAgICByZW5kZXJlcjogUmVuZGVyZXIyO1xuICAgIGNvbnRlbnRUZW1wbGF0ZTogRG9rdVRhYkNvbnRlbnQ7XG4gICAgY29udGVudEVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50O1xuICB9KSB7XG4gICAgY29uc3Qgdmlld1JlZiA9IHByb3BzLmNvbnRlbnRUZW1wbGF0ZS50ZW1wbGF0ZVJlZi5jcmVhdGVFbWJlZGRlZFZpZXcobnVsbCk7XG4gICAgcHJvcHMuYXBwbGljYXRpb25SZWYuYXR0YWNoVmlldyh2aWV3UmVmKTtcbiAgICB2aWV3UmVmLnJvb3ROb2Rlcy5mb3JFYWNoKChub2RlKSA9PiBwcm9wcy5yZW5kZXJlci5hcHBlbmRDaGlsZChwcm9wcy5jb250ZW50RWxlbWVudCwgbm9kZSkpO1xuICAgIHJldHVybiB2aWV3UmVmO1xuICB9XG59XG4iXX0=