@adobe/cq-angular-editable-components
Version:
* [API](#api) * [Documentation](#documentation) * [Changelog](#changelog)
100 lines (99 loc) • 9.12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2018 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
import { Component } from '@angular/core';
import { AEMContainerComponent } from '../aem-container/aem-container.component';
import { Utils } from "../utils";
import { Constants } from "../constants";
const /** @type {?} */ CONTAINER_CLASS_NAMES = 'aem-container';
const /** @type {?} */ PLACEHOLDER_CLASS_NAMES = Constants.NEW_SECTION_CLASS_NAMES + ' aem-Grid-newComponent';
export class AEMResponsiveGridComponent extends AEMContainerComponent {
/**
* Returns weather of not we are in the editor
* @return {?}
*/
get isInEditMode() {
return Utils.isInEditor();
}
/**
* Returns the placeholder classes
* @return {?}
*/
get placeholderClass() {
return PLACEHOLDER_CLASS_NAMES;
}
/**
* Returns the placeholder path
* @return {?}
*/
get placeholdePath() {
return this.path && this.path + "/*";
}
/**
* Returns the gridClasses for the cqModel of the responsive grid
* @return {?}
*/
get gridClasses() {
return this.cqModel && (this.cqModel["gridClassNames"] || '');
}
/**
* Returns the class names of the responsive grid based on the data from the cqModel
* @return {?}
*/
get classNames() {
if (!this.cqModel) {
return '';
}
let /** @type {?} */ classNames = CONTAINER_CLASS_NAMES;
if (this.cqModel.classNames) {
classNames += ' ' + (this.cqModel.classNames || '');
}
if (this.cqModel.columnClassNames) {
classNames += ' ' + (this.cqModel.columnClassNames || '');
}
return classNames;
}
}
AEMResponsiveGridComponent.decorators = [
{ type: Component, args: [{
selector: 'aem-responsivegrid',
host: {
'[class]': 'classNames',
'[attr.data-cq-data-path]': 'path'
},
template: `<div [class]="gridClasses">
<ng-container *ngFor="let itemKey of itemsOrder">
<ng-container [aemComponent] [cqModel]='getItem(itemKey)' [pagePath]='getPagePath()' [path]='getDataPath(itemKey)' [modelName]='itemKey'></ng-container>
</ng-container>
<div *ngIf="isInEditMode" [attr.data-cq-data-path]="placeholdePath" [class]="placeholderClass"></div>
</div>
`,
},] },
];
function AEMResponsiveGridComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
AEMResponsiveGridComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
AEMResponsiveGridComponent.ctorParameters;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWVtLXJlc3BvbnNpdmVncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhZG9iZS9jcS1hbmd1bGFyLWVkaXRhYmxlLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGF5b3V0L2FlbS1yZXNwb25zaXZlZ3JpZC9hZW0tcmVzcG9uc2l2ZWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBaUJBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNqQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRXpDLHVCQUFNLHFCQUFxQixHQUFHLGVBQWUsQ0FBQztBQUM5Qyx1QkFBTSx1QkFBdUIsR0FBRyxTQUFTLENBQUMsdUJBQXVCLEdBQUcsd0JBQXdCLENBQUM7QUFnQjdGLE1BQU0saUNBQWtDLFNBQVEscUJBQXFCOzs7OztJQUluRSxJQUFJLFlBQVk7UUFDZCxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO0tBQzNCOzs7OztJQUtELElBQUksZ0JBQWdCO1FBQ2xCLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQztLQUNoQzs7Ozs7SUFLRCxJQUFJLGNBQWM7UUFDaEIsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7S0FDdEM7Ozs7O0lBS0QsSUFBSSxXQUFXO1FBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7S0FDL0Q7Ozs7O0lBS0QsSUFBSSxVQUFVO1FBQ1osRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUNoQixNQUFNLENBQUMsRUFBRSxDQUFDO1NBQ2I7UUFFRCxxQkFBSSxVQUFVLEdBQUcscUJBQXFCLENBQUM7UUFFdkMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1lBQzFCLFVBQVUsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUMsQ0FBRTtTQUN4RDtRQUVELEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDO1lBQ2hDLFVBQVUsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQzdEO1FBRUQsTUFBTSxDQUFDLFVBQVUsQ0FBQztLQUNuQjs7O1lBOURGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixJQUFJLEVBQUU7b0JBQ0YsU0FBUyxFQUFFLFlBQVk7b0JBQ3ZCLDBCQUEwQixFQUFDLE1BQU07aUJBQ3BDO2dCQUNELFFBQVEsRUFBRTs7Ozs7O0NBTVg7YUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBBRE9CRSBDT05GSURFTlRJQUxcbiAqXG4gKiBDb3B5cmlnaHQgMjAxOCBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFxuICogQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBOT1RJQ0U6ICBBbGwgaW5mb3JtYXRpb24gY29udGFpbmVkIGhlcmVpbiBpcywgYW5kIHJlbWFpbnNcbiAqIHRoZSBwcm9wZXJ0eSBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBhbmQgaXRzIHN1cHBsaWVycyxcbiAqIGlmIGFueS4gIFRoZSBpbnRlbGxlY3R1YWwgYW5kIHRlY2huaWNhbCBjb25jZXB0cyBjb250YWluZWRcbiAqIGhlcmVpbiBhcmUgcHJvcHJpZXRhcnkgdG8gQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgYW5kIGl0c1xuICogc3VwcGxpZXJzIGFuZCBtYXkgYmUgY292ZXJlZCBieSBVLlMuIGFuZCBGb3JlaWduIFBhdGVudHMsXG4gKiBwYXRlbnRzIGluIHByb2Nlc3MsIGFuZCBhcmUgcHJvdGVjdGVkIGJ5IHRyYWRlIHNlY3JldCBvciBjb3B5cmlnaHQgbGF3LlxuICogRGlzc2VtaW5hdGlvbiBvZiB0aGlzIGluZm9ybWF0aW9uIG9yIHJlcHJvZHVjdGlvbiBvZiB0aGlzIG1hdGVyaWFsXG4gKiBpcyBzdHJpY3RseSBmb3JiaWRkZW4gdW5sZXNzIHByaW9yIHdyaXR0ZW4gcGVybWlzc2lvbiBpcyBvYnRhaW5lZFxuICogZnJvbSBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFFTUNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4uL2FlbS1jb250YWluZXIvYWVtLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXRpbHMgfSBmcm9tIFwiLi4vdXRpbHNcIjtcbmltcG9ydCB7IENvbnN0YW50cyB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcblxuY29uc3QgQ09OVEFJTkVSX0NMQVNTX05BTUVTID0gJ2FlbS1jb250YWluZXInO1xuY29uc3QgUExBQ0VIT0xERVJfQ0xBU1NfTkFNRVMgPSBDb25zdGFudHMuTkVXX1NFQ1RJT05fQ0xBU1NfTkFNRVMgKyAnIGFlbS1HcmlkLW5ld0NvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FlbS1yZXNwb25zaXZlZ3JpZCcsXG4gIGhvc3Q6IHtcbiAgICAgICdbY2xhc3NdJzogJ2NsYXNzTmFtZXMnLFxuICAgICAgJ1thdHRyLmRhdGEtY3EtZGF0YS1wYXRoXSc6J3BhdGgnXG4gIH0sXG4gIHRlbXBsYXRlOiBgPGRpdiBbY2xhc3NdPVwiZ3JpZENsYXNzZXNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbUtleSBvZiBpdGVtc09yZGVyXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbYWVtQ29tcG9uZW50XSBbY3FNb2RlbF09J2dldEl0ZW0oaXRlbUtleSknIFtwYWdlUGF0aF09J2dldFBhZ2VQYXRoKCknIFtwYXRoXT0nZ2V0RGF0YVBhdGgoaXRlbUtleSknIFttb2RlbE5hbWVdPSdpdGVtS2V5Jz48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxkaXYgKm5nSWY9XCJpc0luRWRpdE1vZGVcIiBbYXR0ci5kYXRhLWNxLWRhdGEtcGF0aF09XCJwbGFjZWhvbGRlUGF0aFwiIFtjbGFzc109XCJwbGFjZWhvbGRlckNsYXNzXCI+PC9kaXY+XG48L2Rpdj5cbmAsXG59KVxuZXhwb3J0IGNsYXNzIEFFTVJlc3BvbnNpdmVHcmlkQ29tcG9uZW50IGV4dGVuZHMgQUVNQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFJldHVybnMgd2VhdGhlciBvZiBub3Qgd2UgYXJlIGluIHRoZSBlZGl0b3JcbiAgICovXG4gIGdldCBpc0luRWRpdE1vZGUoKSB7XG4gICAgcmV0dXJuIFV0aWxzLmlzSW5FZGl0b3IoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBwbGFjZWhvbGRlciBjbGFzc2VzXG4gICAqL1xuICBnZXQgcGxhY2Vob2xkZXJDbGFzcygpIHtcbiAgICByZXR1cm4gUExBQ0VIT0xERVJfQ0xBU1NfTkFNRVM7XG4gIH1cblxuICAvKipcbiAgICogUmV0dXJucyB0aGUgcGxhY2Vob2xkZXIgcGF0aFxuICAgKi9cbiAgZ2V0IHBsYWNlaG9sZGVQYXRoKCkge1xuICAgIHJldHVybiB0aGlzLnBhdGggJiYgdGhpcy5wYXRoICsgXCIvKlwiO1xuICB9XG5cbiAgICAvKipcbiAgICogUmV0dXJucyB0aGUgZ3JpZENsYXNzZXMgZm9yIHRoZSBjcU1vZGVsIG9mIHRoZSByZXNwb25zaXZlIGdyaWRcbiAgICovXG4gIGdldCBncmlkQ2xhc3NlcygpIHtcbiAgICByZXR1cm4gdGhpcy5jcU1vZGVsICYmICh0aGlzLmNxTW9kZWxbXCJncmlkQ2xhc3NOYW1lc1wiXSB8fCAnJyk7XG4gIH1cblxuICAgIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjbGFzcyBuYW1lcyBvZiB0aGUgcmVzcG9uc2l2ZSBncmlkIGJhc2VkIG9uIHRoZSBkYXRhIGZyb20gdGhlIGNxTW9kZWxcbiAgICovXG4gIGdldCBjbGFzc05hbWVzKCkge1xuICAgIGlmICghdGhpcy5jcU1vZGVsKSB7XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgICBsZXQgY2xhc3NOYW1lcyA9IENPTlRBSU5FUl9DTEFTU19OQU1FUztcblxuICAgIGlmICh0aGlzLmNxTW9kZWwuY2xhc3NOYW1lcykge1xuICAgICAgICBjbGFzc05hbWVzICs9ICcgJyArICh0aGlzLmNxTW9kZWwuY2xhc3NOYW1lcyB8fCAnJykgO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmNxTW9kZWwuY29sdW1uQ2xhc3NOYW1lcykge1xuICAgICAgICBjbGFzc05hbWVzICs9ICcgJyArICh0aGlzLmNxTW9kZWwuY29sdW1uQ2xhc3NOYW1lcyB8fCAnJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzTmFtZXM7XG4gIH1cbn1cbiJdfQ==