@vendasta/store
Version:
Components and data for Store
120 lines • 11.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { ActivationStatus } from '../sales-package';
/** @enum {string} */
var ListIndent = {
INDENT_ZERO: 'indent-zero',
INDENT_ONE: 'indent-one',
INDENT_TWO: 'indent-two',
};
export { ListIndent };
var VaPackageDropdownItemComponent = /** @class */ (function () {
function VaPackageDropdownItemComponent() {
this.enableDropdown = false;
this.indent = ListIndent.INDENT_ZERO;
this.itemToggled = new EventEmitter();
}
/**
* @return {?}
*/
VaPackageDropdownItemComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
VaPackageDropdownItemComponent.prototype.toggleItem = /**
* @return {?}
*/
function () {
this.itemToggled.emit(null);
};
/**
* @param {?} status
* @return {?}
*/
VaPackageDropdownItemComponent.prototype.isActivatedStatus = /**
* @param {?} status
* @return {?}
*/
function (status) {
return status === ActivationStatus.SUCCESS;
};
/**
* @param {?} status
* @return {?}
*/
VaPackageDropdownItemComponent.prototype.isWarningStatus = /**
* @param {?} status
* @return {?}
*/
function (status) {
return status === ActivationStatus.WARNING;
};
/**
* @param {?} status
* @return {?}
*/
VaPackageDropdownItemComponent.prototype.isErrorStatus = /**
* @param {?} status
* @return {?}
*/
function (status) {
return status === ActivationStatus.ERROR;
};
VaPackageDropdownItemComponent.decorators = [
{ type: Component, args: [{
selector: 'va-package-dropdown-item',
template: "<mat-list-item [ngClass]=\"indent\" class=\"va-dropdown-list-item\">\n <va-icon *ngIf=\"!secondaryIconUrl && !secondaryIconName; else dualIcon\" mat-list-avatar [name]=\"title\" [iconUrl]=\"iconUrl\" [diameter]=\"40\"></va-icon>\n <h3 mat-line>{{ title }} <span *ngIf=\"titleDescriptor\" class=\"va-dropdown-list-item__title-descriptor\">{{ titleDescriptor }}</span></h3>\n <p class=\"package-dropdown-font\" mat-line>{{subtitle}}</p>\n\n <span *ngIf=\"!statusItem\" class=\"va-dropdown-list-item__layout\">\n <p class=\"va-dropdown-list-item__layout va-dropdown-list-item__notice\">{{ description }}</p>\n <ng-container *ngIf=\"enableDropdown; then dropdownButton\"></ng-container>\n </span>\n\n <span *ngIf=\"statusItem\" class=\"va-dropdown-list-item__layout va-dropdown-list-item__status\">\n <div [ngClass]=\"{\n 'activated': isActivatedStatus(statusItem.status),\n 'warning': isWarningStatus(statusItem.status),\n 'error': isErrorStatus(statusItem.status)}\">\n <mat-icon>{{statusItem.icon}}</mat-icon>\n </div>\n <p class=\"va-dropdown-list-item__notice\"\n [ngClass]=\"{\n 'activated': isActivatedStatus(statusItem.status),\n 'warning': isWarningStatus(statusItem.status),\n 'error': isErrorStatus(statusItem.status)}\">\n {{statusItem.text}}\n </p>\n <ng-container *ngIf=\"enableDropdown; then dropdownButton\"></ng-container>\n </span>\n</mat-list-item>\n\n\n<ng-template #dropdownButton>\n <button *ngIf=\"enableDropdown\" mat-icon-button type=\"button\" (click)=\"toggleItem()\">\n <mat-icon mat-list-icon\n class=\"dropdown-icon\"\n [ngClass]=\"{'dropdown-icon-rotate-up': !toggleValue, 'dropdown-icon-rotate-down': toggleValue}\">\n keyboard_arrow_down\n </mat-icon>\n </button>\n</ng-template>\n\n<ng-template #dualIcon>\n <div class=\"dual-icon\">\n <va-icon mat-list-avatar [iconUrl]=\"iconUrl\" [name]=\"title\" [diameter]=\"40\"></va-icon>\n <va-icon mat-list-avatar class=\"secondary-icon\" [iconUrl]=\"secondaryIconUrl\" [diameter]=\"20\" [name]=\"secondaryIconName\"></va-icon>\n </div>\n</ng-template>\n",
styles: [".va-dropdown-list-item{border-bottom:1px solid rgba(0,0,0,.12)}.indent-one{padding-left:30px}.va-dropdown-list-item__title-descriptor{font-size:11px;font-weight:700;font-style:italic}.indent-two{padding-left:30px}.indent-two .mat-list-avatar{margin-left:40px}.dual-icon{position:relative;display:inline-block;order:-1;margin-right:16px}.dual-icon .secondary-icon{position:absolute;border-radius:50%;bottom:-24px;right:-24px}.va-dropdown-list-item__layout{display:flex;flex-direction:row;align-items:center}.va-dropdown-list-item__layout .va-dropdown-list-item__notice{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-style:italic}@media screen and (max-width:500px){.va-dropdown-list-item__layout p{display:none}}.va-dropdown-list-item__layout mat-icon{padding:0}.va-dropdown-list-item__layout button{padding:0;min-width:0}.va-dropdown-list-item__layout button .dropdown-icon{color:rgba(0,0,0,.54)}.va-dropdown-list-item__layout button .dropdown-icon-rotate-down{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.4s;pointer-events:none}.va-dropdown-list-item__layout button .dropdown-icon-rotate-up{-webkit-transform:rotate(0);transform:rotate(0);transition:.4s;pointer-events:none}.va-dropdown-list-item__status{display:flex;flex-direction:row;align-items:center}.va-dropdown-list-item__status p{padding-left:6px;font-size:14px;white-space:nowrap}.va-dropdown-list-item__status .activated{color:#4caf50}.va-dropdown-list-item__status .warning{color:#ffa000}.va-dropdown-list-item__status .error{color:#c62828}", ".package-dropdown-font,.product-dropdown-font{color:rgba(0,0,0,.54);font-size:14px;font-weight:400}.package-list-container{border-top:1px solid rgba(0,0,0,.12);padding:0}.package-list-container mat-list{padding:0}.package-dropdown-stencil-display{display:flex;width:100%;flex-grow:1}.package-dropdown-stencil-display va-icon{margin-right:20px}.package-dropdown-stencil-display .stencil-text{width:inherit;display:flex;flex-direction:column;justify-content:center}.package-dropdown-stencil-display .stencil-text .stencil-title{height:32px;width:40%;margin-bottom:5px!important;margin-top:0!important}.package-dropdown-stencil-display .stencil-text .stencil-tagline{height:32px;width:inherit}.product-or-addon-list{background-color:rgba(0,0,0,.04);overflow:hidden}"]
}] }
];
VaPackageDropdownItemComponent.propDecorators = {
title: [{ type: Input }],
titleDescriptor: [{ type: Input }],
iconUrl: [{ type: Input }],
secondaryIconUrl: [{ type: Input }],
secondaryIconName: [{ type: Input }],
subtitle: [{ type: Input }],
statusItem: [{ type: Input }],
enableDropdown: [{ type: Input }],
indent: [{ type: Input }],
toggleValue: [{ type: Input }],
description: [{ type: Input }],
itemToggled: [{ type: Output }]
};
return VaPackageDropdownItemComponent;
}());
export { VaPackageDropdownItemComponent };
if (false) {
/** @type {?} */
VaPackageDropdownItemComponent.prototype.title;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.titleDescriptor;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.iconUrl;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.secondaryIconUrl;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.secondaryIconName;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.subtitle;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.statusItem;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.enableDropdown;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.indent;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.toggleValue;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.description;
/** @type {?} */
VaPackageDropdownItemComponent.prototype.itemToggled;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFja2FnZS1kcm9wZG93bi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9wYWNrYWdlLWRyb3Bkb3duL3BhY2thZ2UtZHJvcGRvd24taXRlbS9wYWNrYWdlLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBMEIsTUFBTSxrQkFBa0IsQ0FBQzs7O0lBRzFFLGFBQWMsYUFBYTtJQUMzQixZQUFhLFlBQVk7SUFDekIsWUFBYSxZQUFZOzs7QUFHM0I7SUFBQTtRQWFXLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLFdBQU0sR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDO1FBRy9CLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFtQnZFLENBQUM7Ozs7SUFqQkMsaURBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7OztJQUVELG1EQUFVOzs7SUFBVjtRQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7Ozs7O0lBRUQsMERBQWlCOzs7O0lBQWpCLFVBQWtCLE1BQXdCO1FBQ3hDLE9BQU8sTUFBTSxLQUFLLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztJQUM3QyxDQUFDOzs7OztJQUNELHdEQUFlOzs7O0lBQWYsVUFBZ0IsTUFBd0I7UUFDdEMsT0FBTyxNQUFNLEtBQUssZ0JBQWdCLENBQUMsT0FBTyxDQUFDO0lBQzdDLENBQUM7Ozs7O0lBQ0Qsc0RBQWE7Ozs7SUFBYixVQUFjLE1BQXdCO1FBQ3BDLE9BQU8sTUFBTSxLQUFLLGdCQUFnQixDQUFDLEtBQUssQ0FBQTtJQUMxQyxDQUFDOztnQkFsQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLG9vRUFBcUQ7O2lCQUV0RDs7O3dCQUVFLEtBQUs7a0NBQ0wsS0FBSzswQkFDTCxLQUFLO21DQUNMLEtBQUs7b0NBQ0wsS0FBSzsyQkFDTCxLQUFLOzZCQUNMLEtBQUs7aUNBQ0wsS0FBSzt5QkFDTCxLQUFLOzhCQUNMLEtBQUs7OEJBQ0wsS0FBSzs4QkFDTCxNQUFNOztJQW1CVCxxQ0FBQztDQUFBLEFBcENELElBb0NDO1NBL0JZLDhCQUE4Qjs7O0lBQ3pDLCtDQUF1Qjs7SUFDdkIseURBQWlDOztJQUNqQyxpREFBeUI7O0lBQ3pCLDBEQUFrQzs7SUFDbEMsMkRBQW1DOztJQUNuQyxrREFBMEI7O0lBQzFCLG9EQUE0Qzs7SUFDNUMsd0RBQWdDOztJQUNoQyxnREFBeUM7O0lBQ3pDLHFEQUE4Qjs7SUFDOUIscURBQTZCOztJQUM3QixxREFBcUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0aW9uU3RhdHVzLCBTdGF0dXNOb3RpZmljYXRpb25JdGVtIH0gZnJvbSAnLi4vc2FsZXMtcGFja2FnZSc7XG5cbmV4cG9ydCBlbnVtIExpc3RJbmRlbnQge1xuICBJTkRFTlRfWkVSTyA9ICdpbmRlbnQtemVybycsXG4gIElOREVOVF9PTkUgPSAnaW5kZW50LW9uZScsXG4gIElOREVOVF9UV08gPSAnaW5kZW50LXR3bycsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhLXBhY2thZ2UtZHJvcGRvd24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWNrYWdlLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWNrYWdlLWRyb3Bkb3duLWl0ZW0uY29tcG9uZW50LnNjc3MnLCAnLi4vcGFja2FnZS1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFZhUGFja2FnZURyb3Bkb3duSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlRGVzY3JpcHRvcjogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUljb25Vcmw6IHN0cmluZztcbiAgQElucHV0KCkgc2Vjb25kYXJ5SWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgc3RhdHVzSXRlbTogU3RhdHVzTm90aWZpY2F0aW9uSXRlbTtcbiAgQElucHV0KCkgZW5hYmxlRHJvcGRvd24gPSBmYWxzZTtcbiAgQElucHV0KCkgaW5kZW50ID0gTGlzdEluZGVudC5JTkRFTlRfWkVSTztcbiAgQElucHV0KCkgdG9nZ2xlVmFsdWU6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBpdGVtVG9nZ2xlZDogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgdG9nZ2xlSXRlbSgpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1Ub2dnbGVkLmVtaXQobnVsbCk7XG4gIH1cblxuICBpc0FjdGl2YXRlZFN0YXR1cyhzdGF0dXM6IEFjdGl2YXRpb25TdGF0dXMpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc3RhdHVzID09PSBBY3RpdmF0aW9uU3RhdHVzLlNVQ0NFU1M7XG4gIH1cbiAgaXNXYXJuaW5nU3RhdHVzKHN0YXR1czogQWN0aXZhdGlvblN0YXR1cyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBzdGF0dXMgPT09IEFjdGl2YXRpb25TdGF0dXMuV0FSTklORztcbiAgfVxuICBpc0Vycm9yU3RhdHVzKHN0YXR1czogQWN0aXZhdGlvblN0YXR1cyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBzdGF0dXMgPT09IEFjdGl2YXRpb25TdGF0dXMuRVJST1JcbiAgfVxuXG59XG4iXX0=