@adobe/cq-angular-editable-components
Version:
* [API](#api) * [Documentation](#documentation) * [Changelog](#changelog)
52 lines • 6.94 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, Input } from '@angular/core';
import { AEMContainerComponent } from '../aem-container/aem-container.component';
export const ALLOWED_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--list';
export const ALLOWED_COMPONENT_TITLE_CLASS_NAMES = 'aem-AllowedComponent--title';
export const ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--component cq-placeholder placeholder';
let AEMAllowedComponentsContainerComponent = class AEMAllowedComponentsContainerComponent extends AEMContainerComponent {
constructor() {
super(...arguments);
this.emptyLabel = 'No allowed components';
}
isAllowedComponentsApplicable() {
return this.isInEditMode && this.allowedComponents && this.allowedComponents.applicable;
}
getAllowedComponentListPlaceholderClassNames() {
return super.getPlaceholderClassNames() + ' ' + ALLOWED_PLACEHOLDER_CLASS_NAMES;
}
getAllowedComponentListLabel() {
const hasComponents = this.allowedComponents && this.allowedComponents.components && this.allowedComponents.components.length > 0;
return hasComponents ? this.title : this.emptyLabel;
}
getAllowedComponents() {
return this.allowedComponents && this.allowedComponents.components || [];
}
get allowedComponentListTitleClassNames() {
return ALLOWED_COMPONENT_TITLE_CLASS_NAMES;
}
get allowedComponentClassNames() {
return ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES;
}
};
__decorate([
Input(),
__metadata("design:type", String)
], AEMAllowedComponentsContainerComponent.prototype, "title", void 0);
__decorate([
Input(),
__metadata("design:type", String)
], AEMAllowedComponentsContainerComponent.prototype, "emptyLabel", void 0);
__decorate([
Input(),
__metadata("design:type", Object)
], AEMAllowedComponentsContainerComponent.prototype, "allowedComponents", void 0);
AEMAllowedComponentsContainerComponent = __decorate([
Component({
selector: 'aem-allowed-components-container',
template: "<div [class]=\"getAllowedComponentListPlaceholderClassNames()\">\n <div [attr.data-text]=\"getAllowedComponentListLabel()\" [class]=\"allowedComponentListTitleClassNames\"></div>\n <ng-container *ngFor=\"let allowedComponent of getAllowedComponents()\">\n <div [attr.data-cq-data-path]=\"allowedComponent.path\"\n [attr.data-emptytext]=\"allowedComponent.title\"\n [class]=\"allowedComponentClassNames\"></div>\n </ng-container>\n</div>\n",
styles: [""]
})
], AEMAllowedComponentsContainerComponent);
export { AEMAllowedComponentsContainerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFkb2JlL2NxLWFuZ3VsYXItZWRpdGFibGUtY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIvYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyw0QkFBNEIsQ0FBQztBQUM1RSxNQUFNLENBQUMsTUFBTSxtQ0FBbUMsR0FBRyw2QkFBNkIsQ0FBQztBQUNqRixNQUFNLENBQUMsTUFBTSx5Q0FBeUMsR0FBRyw0REFBNEQsQ0FBQztBQU90SCxJQUFhLHNDQUFzQyxHQUFuRCxNQUFhLHNDQUF1QyxTQUFRLHFCQUFxQjtJQUFqRjs7UUFJVyxlQUFVLEdBQVcsdUJBQXVCLENBQUM7SUErQnhELENBQUM7SUF4QkMsNkJBQTZCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsQ0FBQztJQUMxRixDQUFDO0lBRUQsNENBQTRDO1FBQzFDLE9BQU8sS0FBSyxDQUFDLHdCQUF3QixFQUFFLEdBQUcsR0FBRyxHQUFHLCtCQUErQixDQUFDO0lBQ2xGLENBQUM7SUFFRCw0QkFBNEI7UUFDMUIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2xJLE9BQU8sYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3RELENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7SUFDM0UsQ0FBQztJQUVELElBQUksbUNBQW1DO1FBQ3JDLE9BQU8sbUNBQW1DLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQUksMEJBQTBCO1FBQzVCLE9BQU8seUNBQXlDLENBQUM7SUFDbkQsQ0FBQztDQUNGLENBQUE7QUFqQ1U7SUFBUixLQUFLLEVBQUU7O3FFQUFlO0FBRWQ7SUFBUixLQUFLLEVBQUU7OzBFQUE4QztBQUU3QztJQUFSLEtBQUssRUFBRTs7aUZBR047QUFUUyxzQ0FBc0M7SUFMbEQsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGtDQUFrQztRQUM1Qyx3ZEFBZ0U7O0tBRWpFLENBQUM7R0FDVyxzQ0FBc0MsQ0FtQ2xEO1NBbkNZLHNDQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFFTUNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4uL2FlbS1jb250YWluZXIvYWVtLWNvbnRhaW5lci5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgQUxMT1dFRF9QTEFDRUhPTERFUl9DTEFTU19OQU1FUyA9ICdhZW0tQWxsb3dlZENvbXBvbmVudC0tbGlzdCc7XG5leHBvcnQgY29uc3QgQUxMT1dFRF9DT01QT05FTlRfVElUTEVfQ0xBU1NfTkFNRVMgPSAnYWVtLUFsbG93ZWRDb21wb25lbnQtLXRpdGxlJztcbmV4cG9ydCBjb25zdCBBTExPV0VEX0NPTVBPTkVOVF9QTEFDRUhPTERFUl9DTEFTU19OQU1FUyA9ICdhZW0tQWxsb3dlZENvbXBvbmVudC0tY29tcG9uZW50IGNxLXBsYWNlaG9sZGVyIHBsYWNlaG9sZGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZW0tYWxsb3dlZC1jb21wb25lbnRzLWNvbnRhaW5lci5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQUVNQWxsb3dlZENvbXBvbmVudHNDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBBRU1Db250YWluZXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgZW1wdHlMYWJlbDogc3RyaW5nID0gJ05vIGFsbG93ZWQgY29tcG9uZW50cyc7XG5cbiAgQElucHV0KCkgYWxsb3dlZENvbXBvbmVudHM6IHtcbiAgICBhcHBsaWNhYmxlOiBib29sZWFuLFxuICAgIGNvbXBvbmVudHNcbiAgfTtcblxuICBpc0FsbG93ZWRDb21wb25lbnRzQXBwbGljYWJsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc0luRWRpdE1vZGUgJiYgdGhpcy5hbGxvd2VkQ29tcG9uZW50cyAmJiB0aGlzLmFsbG93ZWRDb21wb25lbnRzLmFwcGxpY2FibGU7XG4gIH1cblxuICBnZXRBbGxvd2VkQ29tcG9uZW50TGlzdFBsYWNlaG9sZGVyQ2xhc3NOYW1lcygpIHtcbiAgICByZXR1cm4gc3VwZXIuZ2V0UGxhY2Vob2xkZXJDbGFzc05hbWVzKCkgKyAnICcgKyBBTExPV0VEX1BMQUNFSE9MREVSX0NMQVNTX05BTUVTO1xuICB9XG5cbiAgZ2V0QWxsb3dlZENvbXBvbmVudExpc3RMYWJlbCgpIHtcbiAgICBjb25zdCBoYXNDb21wb25lbnRzID0gdGhpcy5hbGxvd2VkQ29tcG9uZW50cyAmJiB0aGlzLmFsbG93ZWRDb21wb25lbnRzLmNvbXBvbmVudHMgJiYgdGhpcy5hbGxvd2VkQ29tcG9uZW50cy5jb21wb25lbnRzLmxlbmd0aCA+IDA7XG4gICAgcmV0dXJuIGhhc0NvbXBvbmVudHMgPyB0aGlzLnRpdGxlIDogdGhpcy5lbXB0eUxhYmVsO1xuICB9XG5cbiAgZ2V0QWxsb3dlZENvbXBvbmVudHMoKSB7XG4gICAgcmV0dXJuIHRoaXMuYWxsb3dlZENvbXBvbmVudHMgJiYgdGhpcy5hbGxvd2VkQ29tcG9uZW50cy5jb21wb25lbnRzIHx8IFtdO1xuICB9XG5cbiAgZ2V0IGFsbG93ZWRDb21wb25lbnRMaXN0VGl0bGVDbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBBTExPV0VEX0NPTVBPTkVOVF9USVRMRV9DTEFTU19OQU1FUztcbiAgfVxuXG4gIGdldCBhbGxvd2VkQ29tcG9uZW50Q2xhc3NOYW1lcygpIHtcbiAgICByZXR1cm4gQUxMT1dFRF9DT01QT05FTlRfUExBQ0VIT0xERVJfQ0xBU1NfTkFNRVM7XG4gIH1cbn1cbiJdfQ==