All files / layout/aem-allowed-components-container aem-allowed-components-container.component.ts

100% Statements 16/16
100% Branches 11/11
100% Functions 7/7
100% Lines 14/14

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73                                    1x         1x         1x             1x   1x   13x   1x           37x       14x       14x   14x       14x       14x       8x      
/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
 
import { Component, Input } from '@angular/core';
import { AEMContainerComponent } from '../aem-container/aem-container.component';
 
/**
 * @private
 */
export const ALLOWED_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--list';
 
/**
 * @private
 */
export const ALLOWED_COMPONENT_TITLE_CLASS_NAMES = 'aem-AllowedComponent--title';
 
/**
 * @private
 */
export const ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES = 'aem-AllowedComponent--component cq-placeholder placeholder';
 
@Component({
  selector: 'aem-allowed-components-container',
  templateUrl: './aem-allowed-components-container.component.html',
  styleUrls: [ './aem-allowed-components-container.component.css' ]
})
export class AEMAllowedComponentsContainerComponent extends AEMContainerComponent {
 
  @Input() title: string;
 
  @Input() emptyLabel = 'No allowed components';
 
  @Input() allowedComponents: {
    applicable: boolean,
    components
  };
 
  isAllowedComponentsApplicable(): boolean {
    return this.isInEditMode && this.allowedComponents && this.allowedComponents.applicable;
  }
 
  getAllowedComponentListPlaceholderClassNames(): string {
    return super.getPlaceholderClassNames() + ' ' + ALLOWED_PLACEHOLDER_CLASS_NAMES;
  }
 
  getAllowedComponentListLabel(): string {
    const hasComponents = this.allowedComponents && this.allowedComponents.components && this.allowedComponents.components.length > 0;
 
    return hasComponents ? this.title : this.emptyLabel;
  }
 
  getAllowedComponents(): string[] {
    return this.allowedComponents && this.allowedComponents.components || [];
  }
 
  get allowedComponentListTitleClassNames(): string {
    return ALLOWED_COMPONENT_TITLE_CLASS_NAMES;
  }
 
  get allowedComponentClassNames(): string {
    return ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES;
  }
}