@adobe/cq-angular-editable-components
Version:
* [API](#api) * [Documentation](#documentation) * [Changelog](#changelog)
63 lines • 7.9 kB
JavaScript
import { __decorate, __extends, __metadata } from "tslib";
import { Component, Input } from '@angular/core';
import { AEMContainerComponent } from '../aem-container/aem-container.component';
export var ALLOWED_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--list';
export var ALLOWED_COMPONENT_TITLE_CLASS_NAMES = 'aem-AllowedComponent--title';
export var ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--component cq-placeholder placeholder';
var AEMAllowedComponentsContainerComponent = /** @class */ (function (_super) {
__extends(AEMAllowedComponentsContainerComponent, _super);
function AEMAllowedComponentsContainerComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.emptyLabel = 'No allowed components';
return _this;
}
AEMAllowedComponentsContainerComponent.prototype.isAllowedComponentsApplicable = function () {
return this.isInEditMode && this.allowedComponents && this.allowedComponents.applicable;
};
AEMAllowedComponentsContainerComponent.prototype.getAllowedComponentListPlaceholderClassNames = function () {
return _super.prototype.getPlaceholderClassNames.call(this) + ' ' + ALLOWED_PLACEHOLDER_CLASS_NAMES;
};
AEMAllowedComponentsContainerComponent.prototype.getAllowedComponentListLabel = function () {
var hasComponents = this.allowedComponents && this.allowedComponents.components && this.allowedComponents.components.length > 0;
return hasComponents ? this.title : this.emptyLabel;
};
AEMAllowedComponentsContainerComponent.prototype.getAllowedComponents = function () {
return this.allowedComponents && this.allowedComponents.components || [];
};
Object.defineProperty(AEMAllowedComponentsContainerComponent.prototype, "allowedComponentListTitleClassNames", {
get: function () {
return ALLOWED_COMPONENT_TITLE_CLASS_NAMES;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AEMAllowedComponentsContainerComponent.prototype, "allowedComponentClassNames", {
get: function () {
return ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES;
},
enumerable: true,
configurable: true
});
__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);
return AEMAllowedComponentsContainerComponent;
}(AEMContainerComponent));
export { AEMAllowedComponentsContainerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFkb2JlL2NxLWFuZ3VsYXItZWRpdGFibGUtY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIvYWVtLWFsbG93ZWQtY29tcG9uZW50cy1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixNQUFNLENBQUMsSUFBTSwrQkFBK0IsR0FBRyw0QkFBNEIsQ0FBQztBQUM1RSxNQUFNLENBQUMsSUFBTSxtQ0FBbUMsR0FBRyw2QkFBNkIsQ0FBQztBQUNqRixNQUFNLENBQUMsSUFBTSx5Q0FBeUMsR0FBRyw0REFBNEQsQ0FBQztBQU90SDtJQUE0RCwwREFBcUI7SUFBakY7UUFBQSxxRUFtQ0M7UUEvQlUsZ0JBQVUsR0FBVyx1QkFBdUIsQ0FBQzs7SUErQnhELENBQUM7SUF4QkMsOEVBQTZCLEdBQTdCO1FBQ0UsT0FBTyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDO0lBQzFGLENBQUM7SUFFRCw2RkFBNEMsR0FBNUM7UUFDRSxPQUFPLGlCQUFNLHdCQUF3QixXQUFFLEdBQUcsR0FBRyxHQUFHLCtCQUErQixDQUFDO0lBQ2xGLENBQUM7SUFFRCw2RUFBNEIsR0FBNUI7UUFDRSxJQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDbEksT0FBTyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDdEQsQ0FBQztJQUVELHFFQUFvQixHQUFwQjtRQUNFLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO0lBQzNFLENBQUM7SUFFRCxzQkFBSSx1RkFBbUM7YUFBdkM7WUFDRSxPQUFPLG1DQUFtQyxDQUFDO1FBQzdDLENBQUM7OztPQUFBO0lBRUQsc0JBQUksOEVBQTBCO2FBQTlCO1lBQ0UsT0FBTyx5Q0FBeUMsQ0FBQztRQUNuRCxDQUFDOzs7T0FBQTtJQWhDUTtRQUFSLEtBQUssRUFBRTs7eUVBQWU7SUFFZDtRQUFSLEtBQUssRUFBRTs7OEVBQThDO0lBRTdDO1FBQVIsS0FBSyxFQUFFOztxRkFHTjtJQVRTLHNDQUFzQztRQUxsRCxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsa0NBQWtDO1lBQzVDLHdkQUFnRTs7U0FFakUsQ0FBQztPQUNXLHNDQUFzQyxDQW1DbEQ7SUFBRCw2Q0FBQztDQUFBLEFBbkNELENBQTRELHFCQUFxQixHQW1DaEY7U0FuQ1ksc0NBQXNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQUVNQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWVtLWNvbnRhaW5lci9hZW0tY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjb25zdCBBTExPV0VEX1BMQUNFSE9MREVSX0NMQVNTX05BTUVTID0gJ2FlbS1BbGxvd2VkQ29tcG9uZW50LS1saXN0JztcbmV4cG9ydCBjb25zdCBBTExPV0VEX0NPTVBPTkVOVF9USVRMRV9DTEFTU19OQU1FUyA9ICdhZW0tQWxsb3dlZENvbXBvbmVudC0tdGl0bGUnO1xuZXhwb3J0IGNvbnN0IEFMTE9XRURfQ09NUE9ORU5UX1BMQUNFSE9MREVSX0NMQVNTX05BTUVTID0gJ2FlbS1BbGxvd2VkQ29tcG9uZW50LS1jb21wb25lbnQgY3EtcGxhY2Vob2xkZXIgcGxhY2Vob2xkZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZW0tYWxsb3dlZC1jb21wb25lbnRzLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZW0tYWxsb3dlZC1jb21wb25lbnRzLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FlbS1hbGxvd2VkLWNvbXBvbmVudHMtY29udGFpbmVyLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBRU1BbGxvd2VkQ29tcG9uZW50c0NvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIEFFTUNvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKSBlbXB0eUxhYmVsOiBzdHJpbmcgPSAnTm8gYWxsb3dlZCBjb21wb25lbnRzJztcblxuICBASW5wdXQoKSBhbGxvd2VkQ29tcG9uZW50czoge1xuICAgIGFwcGxpY2FibGU6IGJvb2xlYW4sXG4gICAgY29tcG9uZW50c1xuICB9O1xuXG4gIGlzQWxsb3dlZENvbXBvbmVudHNBcHBsaWNhYmxlKCkge1xuICAgIHJldHVybiB0aGlzLmlzSW5FZGl0TW9kZSAmJiB0aGlzLmFsbG93ZWRDb21wb25lbnRzICYmIHRoaXMuYWxsb3dlZENvbXBvbmVudHMuYXBwbGljYWJsZTtcbiAgfVxuXG4gIGdldEFsbG93ZWRDb21wb25lbnRMaXN0UGxhY2Vob2xkZXJDbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBzdXBlci5nZXRQbGFjZWhvbGRlckNsYXNzTmFtZXMoKSArICcgJyArIEFMTE9XRURfUExBQ0VIT0xERVJfQ0xBU1NfTkFNRVM7XG4gIH1cblxuICBnZXRBbGxvd2VkQ29tcG9uZW50TGlzdExhYmVsKCkge1xuICAgIGNvbnN0IGhhc0NvbXBvbmVudHMgPSB0aGlzLmFsbG93ZWRDb21wb25lbnRzICYmIHRoaXMuYWxsb3dlZENvbXBvbmVudHMuY29tcG9uZW50cyAmJiB0aGlzLmFsbG93ZWRDb21wb25lbnRzLmNvbXBvbmVudHMubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gaGFzQ29tcG9uZW50cyA/IHRoaXMudGl0bGUgOiB0aGlzLmVtcHR5TGFiZWw7XG4gIH1cblxuICBnZXRBbGxvd2VkQ29tcG9uZW50cygpIHtcbiAgICByZXR1cm4gdGhpcy5hbGxvd2VkQ29tcG9uZW50cyAmJiB0aGlzLmFsbG93ZWRDb21wb25lbnRzLmNvbXBvbmVudHMgfHwgW107XG4gIH1cblxuICBnZXQgYWxsb3dlZENvbXBvbmVudExpc3RUaXRsZUNsYXNzTmFtZXMoKSB7XG4gICAgcmV0dXJuIEFMTE9XRURfQ09NUE9ORU5UX1RJVExFX0NMQVNTX05BTUVTO1xuICB9XG5cbiAgZ2V0IGFsbG93ZWRDb21wb25lbnRDbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBBTExPV0VEX0NPTVBPTkVOVF9QTEFDRUhPTERFUl9DTEFTU19OQU1FUztcbiAgfVxufVxuIl19