@kushki/ng-suka/esm2015/lib/empty-state/empty-state.component.js

<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, Output, EventEmitter } from '@angular/core';
export class EmptyState {
    constructor() {
        /**
         * Heading content.
         */
        this.heading = '';
        /**
         * Emits the primary action event.
         */
        this.primaryAction = new EventEmitter();
        /**
         * Emits the secondary action event.
         */
        this.secondaryAction = new EventEmitter();
    }
    /**
     * On button click, emits a primary o secondary action event accordingly
     * @param {?} type
     * @return {?}
     */
    onClick(type) {
        if (type === 'primary') {
            this.primaryAction.emit('primary');
        }
        if (type === 'secondary') {
            this.secondaryAction.emit('secondary');
        }
    }
}
EmptyState.decorators = [
    { type: Component, args: [{
                selector: 'suka-empty-state',
                template: `
    <div class="empty-state">
      <div class="empty-state__description">
        <h3 class="empty-state__heading">{{heading}}</h3>

        <div class="empty-state__content">
          <ng-content></ng-content>
        </div>
        <div
          *ngIf="primaryActionLabel"
          class="empty-state__actions"
        >
          <suka-button-group>
            <button
              sukaButton="primary"
              (click)="onClick('primary')"
            >
              {{primaryActionLabel}}
            </button>
            <button
              *ngIf="secondaryActionLabel"
              sukaButton="plain"
              (click)="onClick('secondary')"
            >
              {{secondaryActionLabel}}
            </button>
          </suka-button-group>
        </div>
      </div>

      <div class="empty-state__image">
        <img *ngIf="imgSrc" [src]="imgSrc" />
        <suka-icon *ngIf="!imgSrc" icon="inbox"></suka-icon>
      </div>
    </div>
  `
            }] }
];
EmptyState.propDecorators = {
    heading: [{ type: Input }],
    imgSrc: [{ type: Input }],
    primaryActionLabel: [{ type: Input }],
    primaryAction: [{ type: Output }],
    secondaryActionLabel: [{ type: Input }],
    secondaryAction: [{ type: Output }]
};
if (false) {
    /**
     * Heading content.
     * @type {?}
     */
    EmptyState.prototype.heading;
    /**
     * Sets an image url for the avatar. If it is set, it displays instead of the empty icon.
     * @type {?}
     */
    EmptyState.prototype.imgSrc;
    /**
     * Primary action label content
     * @type {?}
     */
    EmptyState.prototype.primaryActionLabel;
    /**
     * Emits the primary action event.
     * @type {?}
     */
    EmptyState.prototype.primaryAction;
    /**
     * Secondary action label content
     * @type {?}
     */
    EmptyState.prototype.secondaryActionLabel;
    /**
     * Emits the secondary action event.
     * @type {?}
     */
    EmptyState.prototype.secondaryAction;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQXlDdkUsTUFBTSxPQUFPLFVBQVU7SUF2Q3ZCOzs7O1FBMkNXLFlBQU8sR0FBRyxFQUFFLENBQUM7Ozs7UUFjWixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7Ozs7UUFTbkMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBY2pELENBQUM7Ozs7OztJQVRDLE9BQU8sQ0FBQyxJQUFZO1FBQ2xCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNwQztRQUVELElBQUksSUFBSSxLQUFLLFdBQVcsRUFBRTtZQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7OztZQS9FRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1DVDthQUNGOzs7c0JBS0UsS0FBSztxQkFLTCxLQUFLO2lDQUtMLEtBQUs7NEJBSUwsTUFBTTttQ0FLTixLQUFLOzhCQUlMLE1BQU07Ozs7Ozs7SUF2QlAsNkJBQXNCOzs7OztJQUt0Qiw0QkFBd0I7Ozs7O0lBS3hCLHdDQUFvQzs7Ozs7SUFJcEMsbUNBQTZDOzs7OztJQUs3QywwQ0FBc0M7Ozs7O0lBSXRDLHFDQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtZW1wdHktc3RhdGUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJlbXB0eS1zdGF0ZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImVtcHR5LXN0YXRlX19kZXNjcmlwdGlvblwiPlxuICAgICAgICA8aDMgY2xhc3M9XCJlbXB0eS1zdGF0ZV9faGVhZGluZ1wiPnt7aGVhZGluZ319PC9oMz5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZW1wdHktc3RhdGVfX2NvbnRlbnRcIj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nSWY9XCJwcmltYXJ5QWN0aW9uTGFiZWxcIlxuICAgICAgICAgIGNsYXNzPVwiZW1wdHktc3RhdGVfX2FjdGlvbnNcIlxuICAgICAgICA+XG4gICAgICAgICAgPHN1a2EtYnV0dG9uLWdyb3VwPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBzdWthQnV0dG9uPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKCdwcmltYXJ5JylcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7e3ByaW1hcnlBY3Rpb25MYWJlbH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWNvbmRhcnlBY3Rpb25MYWJlbFwiXG4gICAgICAgICAgICAgIHN1a2FCdXR0b249XCJwbGFpblwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKCdzZWNvbmRhcnknKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7c2Vjb25kYXJ5QWN0aW9uTGFiZWx9fVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9zdWthLWJ1dHRvbi1ncm91cD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImVtcHR5LXN0YXRlX19pbWFnZVwiPlxuICAgICAgICA8aW1nICpuZ0lmPVwiaW1nU3JjXCIgW3NyY109XCJpbWdTcmNcIiAvPlxuICAgICAgICA8c3VrYS1pY29uICpuZ0lmPVwiIWltZ1NyY1wiIGljb249XCJpbmJveFwiPjwvc3VrYS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZSB7XG4gIC8qKlxuICAgKiBIZWFkaW5nIGNvbnRlbnQuXG4gICAqL1xuICBASW5wdXQoKSBoZWFkaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFNldHMgYW4gaW1hZ2UgdXJsIGZvciB0aGUgYXZhdGFyLiBJZiBpdCBpcyBzZXQsIGl0IGRpc3BsYXlzIGluc3RlYWQgb2YgdGhlIGVtcHR5IGljb24uXG4gICAqL1xuICBASW5wdXQoKSBpbWdTcmM6IHN0cmluZztcblxuICAvKipcbiAgICogUHJpbWFyeSBhY3Rpb24gbGFiZWwgY29udGVudFxuICAgKi9cbiAgQElucHV0KCkgcHJpbWFyeUFjdGlvbkxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgcHJpbWFyeSBhY3Rpb24gZXZlbnQuXG4gICAqL1xuICBAT3V0cHV0KCkgcHJpbWFyeUFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogU2Vjb25kYXJ5IGFjdGlvbiBsYWJlbCBjb250ZW50XG4gICAqL1xuICBASW5wdXQoKSBzZWNvbmRhcnlBY3Rpb25MYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogRW1pdHMgdGhlIHNlY29uZGFyeSBhY3Rpb24gZXZlbnQuXG4gICAqL1xuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBPbiBidXR0b24gY2xpY2ssIGVtaXRzIGEgcHJpbWFyeSBvIHNlY29uZGFyeSBhY3Rpb24gZXZlbnQgYWNjb3JkaW5nbHlcbiAgICovXG4gIG9uQ2xpY2sodHlwZTogc3RyaW5nKSB7XG4gICAgaWYgKHR5cGUgPT09ICdwcmltYXJ5Jykge1xuICAgICAgdGhpcy5wcmltYXJ5QWN0aW9uLmVtaXQoJ3ByaW1hcnknKTtcbiAgICB9XG5cbiAgICBpZiAodHlwZSA9PT0gJ3NlY29uZGFyeScpIHtcbiAgICAgIHRoaXMuc2Vjb25kYXJ5QWN0aW9uLmVtaXQoJ3NlY29uZGFyeScpO1xuICAgIH1cbiAgfVxufVxuIl19