@adobe/cq-angular-editable-components
Version:
* [API](#api) * [Documentation](#documentation) * [Changelog](#changelog)
136 lines (135 loc) • 11 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 * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { AEMContainerComponent } from '../aem-container/aem-container.component';
import { Utils } from "../utils";
import { Constants } from "../constants";
var /** @type {?} */ CONTAINER_CLASS_NAMES = 'aem-container';
var /** @type {?} */ PLACEHOLDER_CLASS_NAMES = Constants.NEW_SECTION_CLASS_NAMES + ' aem-Grid-newComponent';
var AEMResponsiveGridComponent = /** @class */ (function (_super) {
tslib_1.__extends(AEMResponsiveGridComponent, _super);
function AEMResponsiveGridComponent() {
return _super !== null && _super.apply(this, arguments) || this;
}
Object.defineProperty(AEMResponsiveGridComponent.prototype, "isInEditMode", {
/**
* Returns weather of not we are in the editor
*/
get: /**
* Returns weather of not we are in the editor
* @return {?}
*/
function () {
return Utils.isInEditor();
},
enumerable: true,
configurable: true
});
Object.defineProperty(AEMResponsiveGridComponent.prototype, "placeholderClass", {
/**
* Returns the placeholder classes
*/
get: /**
* Returns the placeholder classes
* @return {?}
*/
function () {
return PLACEHOLDER_CLASS_NAMES;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AEMResponsiveGridComponent.prototype, "placeholdePath", {
/**
* Returns the placeholder path
*/
get: /**
* Returns the placeholder path
* @return {?}
*/
function () {
return this.path && this.path + "/*";
},
enumerable: true,
configurable: true
});
Object.defineProperty(AEMResponsiveGridComponent.prototype, "gridClasses", {
/**
* Returns the gridClasses for the cqModel of the responsive grid
*/
get: /**
* Returns the gridClasses for the cqModel of the responsive grid
* @return {?}
*/
function () {
return this.cqModel && (this.cqModel["gridClassNames"] || '');
},
enumerable: true,
configurable: true
});
Object.defineProperty(AEMResponsiveGridComponent.prototype, "classNames", {
/**
* Returns the class names of the responsive grid based on the data from the cqModel
*/
get: /**
* Returns the class names of the responsive grid based on the data from the cqModel
* @return {?}
*/
function () {
if (!this.cqModel) {
return '';
}
var /** @type {?} */ classNames = CONTAINER_CLASS_NAMES;
if (this.cqModel.classNames) {
classNames += ' ' + (this.cqModel.classNames || '');
}
if (this.cqModel.columnClassNames) {
classNames += ' ' + (this.cqModel.columnClassNames || '');
}
return classNames;
},
enumerable: true,
configurable: true
});
AEMResponsiveGridComponent.decorators = [
{ type: Component, args: [{
selector: 'aem-responsivegrid',
host: {
'[class]': 'classNames',
'[attr.data-cq-data-path]': 'path'
},
template: "<div [class]=\"gridClasses\">\n <ng-container *ngFor=\"let itemKey of itemsOrder\">\n <ng-container [aemComponent] [cqModel]='getItem(itemKey)' [pagePath]='getPagePath()' [path]='getDataPath(itemKey)' [modelName]='itemKey'></ng-container>\n </ng-container>\n <div *ngIf=\"isInEditMode\" [attr.data-cq-data-path]=\"placeholdePath\" [class]=\"placeholderClass\"></div>\n</div>\n",
},] },
];
return AEMResponsiveGridComponent;
}(AEMContainerComponent));
export { AEMResponsiveGridComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWVtLXJlc3BvbnNpdmVncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhZG9iZS9jcS1hbmd1bGFyLWVkaXRhYmxlLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGF5b3V0L2FlbS1yZXNwb25zaXZlZ3JpZC9hZW0tcmVzcG9uc2l2ZWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWlCQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUV6QyxxQkFBTSxxQkFBcUIsR0FBRyxlQUFlLENBQUM7QUFDOUMscUJBQU0sdUJBQXVCLEdBQUcsU0FBUyxDQUFDLHVCQUF1QixHQUFHLHdCQUF3QixDQUFDOztJQWdCN0Msc0RBQXFCOzs7O0lBSW5FLHNCQUFJLG9EQUFZO1FBSGhCOztXQUVHOzs7OztRQUNIO1lBQ0UsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUMzQjs7O09BQUE7SUFLRCxzQkFBSSx3REFBZ0I7UUFIcEI7O1dBRUc7Ozs7O1FBQ0g7WUFDRSxNQUFNLENBQUMsdUJBQXVCLENBQUM7U0FDaEM7OztPQUFBO0lBS0Qsc0JBQUksc0RBQWM7UUFIbEI7O1dBRUc7Ozs7O1FBQ0g7WUFDRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUN0Qzs7O09BQUE7SUFLRCxzQkFBSSxtREFBVztRQUhiOztTQUVDOzs7OztRQUNIO1lBQ0UsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDL0Q7OztPQUFBO0lBS0Qsc0JBQUksa0RBQVU7UUFIWjs7U0FFQzs7Ozs7UUFDSDtZQUNFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ2hCLE1BQU0sQ0FBQyxFQUFFLENBQUM7YUFDYjtZQUVELHFCQUFJLFVBQVUsR0FBRyxxQkFBcUIsQ0FBQztZQUV2QyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7Z0JBQzFCLFVBQVUsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUMsQ0FBRTthQUN4RDtZQUVELEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDO2dCQUNoQyxVQUFVLElBQUksR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsQ0FBQzthQUM3RDtZQUVELE1BQU0sQ0FBQyxVQUFVLENBQUM7U0FDbkI7OztPQUFBOztnQkE5REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLElBQUksRUFBRTt3QkFDRixTQUFTLEVBQUUsWUFBWTt3QkFDdkIsMEJBQTBCLEVBQUMsTUFBTTtxQkFDcEM7b0JBQ0QsUUFBUSxFQUFFLGdZQU1YO2lCQUNBOztxQ0F0Q0Q7RUF1Q2dELHFCQUFxQjtTQUF4RCwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQURPQkUgQ09ORklERU5USUFMXG4gKlxuICogQ29weXJpZ2h0IDIwMTggQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWRcbiAqIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogTk9USUNFOiAgQWxsIGluZm9ybWF0aW9uIGNvbnRhaW5lZCBoZXJlaW4gaXMsIGFuZCByZW1haW5zXG4gKiB0aGUgcHJvcGVydHkgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgYW5kIGl0cyBzdXBwbGllcnMsXG4gKiBpZiBhbnkuICBUaGUgaW50ZWxsZWN0dWFsIGFuZCB0ZWNobmljYWwgY29uY2VwdHMgY29udGFpbmVkXG4gKiBoZXJlaW4gYXJlIHByb3ByaWV0YXJ5IHRvIEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkIGFuZCBpdHNcbiAqIHN1cHBsaWVycyBhbmQgbWF5IGJlIGNvdmVyZWQgYnkgVS5TLiBhbmQgRm9yZWlnbiBQYXRlbnRzLFxuICogcGF0ZW50cyBpbiBwcm9jZXNzLCBhbmQgYXJlIHByb3RlY3RlZCBieSB0cmFkZSBzZWNyZXQgb3IgY29weXJpZ2h0IGxhdy5cbiAqIERpc3NlbWluYXRpb24gb2YgdGhpcyBpbmZvcm1hdGlvbiBvciByZXByb2R1Y3Rpb24gb2YgdGhpcyBtYXRlcmlhbFxuICogaXMgc3RyaWN0bHkgZm9yYmlkZGVuIHVubGVzcyBwcmlvciB3cml0dGVuIHBlcm1pc3Npb24gaXMgb2J0YWluZWRcbiAqIGZyb20gQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBRU1Db250YWluZXJDb21wb25lbnQgfSBmcm9tICcuLi9hZW0tY29udGFpbmVyL2FlbS1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSBcIi4uL3V0aWxzXCI7XG5pbXBvcnQgeyBDb25zdGFudHMgfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IENPTlRBSU5FUl9DTEFTU19OQU1FUyA9ICdhZW0tY29udGFpbmVyJztcbmNvbnN0IFBMQUNFSE9MREVSX0NMQVNTX05BTUVTID0gQ29uc3RhbnRzLk5FV19TRUNUSU9OX0NMQVNTX05BTUVTICsgJyBhZW0tR3JpZC1uZXdDb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZW0tcmVzcG9uc2l2ZWdyaWQnLFxuICBob3N0OiB7XG4gICAgICAnW2NsYXNzXSc6ICdjbGFzc05hbWVzJyxcbiAgICAgICdbYXR0ci5kYXRhLWNxLWRhdGEtcGF0aF0nOidwYXRoJ1xuICB9LFxuICB0ZW1wbGF0ZTogYDxkaXYgW2NsYXNzXT1cImdyaWRDbGFzc2VzXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW1LZXkgb2YgaXRlbXNPcmRlclwiPlxuICAgIDxuZy1jb250YWluZXIgW2FlbUNvbXBvbmVudF0gW2NxTW9kZWxdPSdnZXRJdGVtKGl0ZW1LZXkpJyBbcGFnZVBhdGhdPSdnZXRQYWdlUGF0aCgpJyBbcGF0aF09J2dldERhdGFQYXRoKGl0ZW1LZXkpJyBbbW9kZWxOYW1lXT0naXRlbUtleSc+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8ZGl2ICpuZ0lmPVwiaXNJbkVkaXRNb2RlXCIgW2F0dHIuZGF0YS1jcS1kYXRhLXBhdGhdPVwicGxhY2Vob2xkZVBhdGhcIiBbY2xhc3NdPVwicGxhY2Vob2xkZXJDbGFzc1wiPjwvZGl2PlxuPC9kaXY+XG5gLFxufSlcbmV4cG9ydCBjbGFzcyBBRU1SZXNwb25zaXZlR3JpZENvbXBvbmVudCBleHRlbmRzIEFFTUNvbnRhaW5lckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBSZXR1cm5zIHdlYXRoZXIgb2Ygbm90IHdlIGFyZSBpbiB0aGUgZWRpdG9yXG4gICAqL1xuICBnZXQgaXNJbkVkaXRNb2RlKCkge1xuICAgIHJldHVybiBVdGlscy5pc0luRWRpdG9yKCk7XG4gIH1cblxuICAvKipcbiAgICogUmV0dXJucyB0aGUgcGxhY2Vob2xkZXIgY2xhc3Nlc1xuICAgKi9cbiAgZ2V0IHBsYWNlaG9sZGVyQ2xhc3MoKSB7XG4gICAgcmV0dXJuIFBMQUNFSE9MREVSX0NMQVNTX05BTUVTO1xuICB9XG5cbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIHBsYWNlaG9sZGVyIHBhdGhcbiAgICovXG4gIGdldCBwbGFjZWhvbGRlUGF0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5wYXRoICYmIHRoaXMucGF0aCArIFwiLypcIjtcbiAgfVxuXG4gICAgLyoqXG4gICAqIFJldHVybnMgdGhlIGdyaWRDbGFzc2VzIGZvciB0aGUgY3FNb2RlbCBvZiB0aGUgcmVzcG9uc2l2ZSBncmlkXG4gICAqL1xuICBnZXQgZ3JpZENsYXNzZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuY3FNb2RlbCAmJiAodGhpcy5jcU1vZGVsW1wiZ3JpZENsYXNzTmFtZXNcIl0gfHwgJycpO1xuICB9XG5cbiAgICAvKipcbiAgICogUmV0dXJucyB0aGUgY2xhc3MgbmFtZXMgb2YgdGhlIHJlc3BvbnNpdmUgZ3JpZCBiYXNlZCBvbiB0aGUgZGF0YSBmcm9tIHRoZSBjcU1vZGVsXG4gICAqL1xuICBnZXQgY2xhc3NOYW1lcygpIHtcbiAgICBpZiAoIXRoaXMuY3FNb2RlbCkge1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgfVxuXG4gICAgbGV0IGNsYXNzTmFtZXMgPSBDT05UQUlORVJfQ0xBU1NfTkFNRVM7XG5cbiAgICBpZiAodGhpcy5jcU1vZGVsLmNsYXNzTmFtZXMpIHtcbiAgICAgICAgY2xhc3NOYW1lcyArPSAnICcgKyAodGhpcy5jcU1vZGVsLmNsYXNzTmFtZXMgfHwgJycpIDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5jcU1vZGVsLmNvbHVtbkNsYXNzTmFtZXMpIHtcbiAgICAgICAgY2xhc3NOYW1lcyArPSAnICcgKyAodGhpcy5jcU1vZGVsLmNvbHVtbkNsYXNzTmFtZXMgfHwgJycpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc05hbWVzO1xuICB9XG59XG4iXX0=