npm - ngx-st-sap-bp - Versions diffs - 15.0.21 → 15.0.23 - Mend

ngx-st-sap-bp 15.0.21 → 15.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/esm2020/lib/components/sap-bp-create/sap-bp-create.component.mjs CHANGED Viewed

@@ -54,10 +54,10 @@ export class SapBpCreateComponent extends SapBpBaseCreateEdit {
     }
 }
 SapBpCreateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SapBpCreateComponent, deps: [{ token: i1.SapBpService }, { token: i2.MatDialog }, { token: i3.SapBpHelperService }, { token: i0.ChangeDetectorRef }, { token: i4.NonNullableFormBuilder }, { token: i5.Router }, { token: i5.ActivatedRoute }, { token: i6.StSnackBarService }, { token: i7.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-SapBpCreateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SapBpCreateComponent, selector: "ngx-st-sap-bp-create", inputs: { userSettings: "userSettings" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid users-list no-cut\">\r\n  <div class=\"card\">\r\n    <div class=\"card-header card-header-warning\">\r\n      <h3 class=\"card-title\">{{ 'sapAdminBp.titleBpCreate' | translate }}</h3>\r\n    </div>\r\n\r\n    <div class=\"card-body\">\r\n      <a class=\"back-link\" [routerLink]=\"['../']\">\r\n        <span class=\"material-icons\">keyboard_backspace</span>\r\n      </a>\r\n\r\n      <ngx-st-loader\r\n        [showLoader]=\"showLoader\"\r\n        [positionVal]=\"'fixed'\"\r\n      ></ngx-st-loader>\r\n\r\n      <form\r\n        [formGroup]=\"form\"\r\n        id=\"sapBpCreateForm\"\r\n        (ngSubmit)=\"formSubmitted()\"\r\n      >\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountType' | translate }}</mat-label>\r\n            <mat-select formControlName=\"cardType\" [required]=\"true\">\r\n              <mat-option *ngFor=\"let bpType of bpTypeAllowed\" [value]=\"bpType\">\r\n                {{ 'sapAdminBp.bpType' + bpType | translate }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.accountNo' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"cardCode\"\r\n                [maxLength]=\"15\"\r\n              />\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              (click)=\"refreshCardCode()\"\r\n              [disabled]=\"false\"\r\n              type=\"button\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              required\r\n              formControlName=\"cardName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.foreignName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cardForeignName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.groupCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"groupCode\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"groupCode.id\"\r\n                  *ngFor=\"let groupCode of groupCodeList\"\r\n                  >{{ groupCode.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGroupCodeList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.currency' | translate }}</mat-label>\r\n              <mat-select formControlName=\"currency\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"currency\"\r\n                  *ngFor=\"let currency of currencyList\"\r\n                  >{{ currency }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadCurrency(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\">\r\n            <mat-form-field style=\"width: 100px\">\r\n              <mat-label>{{ 'global.country' | translate }}</mat-label>\r\n              <span matPrefix>+ &nbsp;</span>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"countryCodePhone1\"\r\n                placeholder=\"1\"\r\n                [maxlength]=\"3\"\r\n              />\r\n            </mat-form-field>\r\n\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.tel1' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                formControlName=\"phone1\"\r\n                [placeholder]=\"phonePlaceholder\"\r\n                [specialCharacters]=\"[\r\n                  '[',\r\n                  ']',\r\n                  '\\\\',\r\n                  '+',\r\n                  ' ',\r\n                  '(',\r\n                  ')',\r\n                  'e',\r\n                  'x',\r\n                  't',\r\n                  '.'\r\n                ]\"\r\n                [mask]=\"phoneMask\"\r\n                [maxlength]=\"phoneMaxLength\"\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.tel2' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"phone2\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.cellular' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cellular\"\r\n              [maxLength]=\"50\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.fax' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"fax\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.email' | translate }}</mat-label>\r\n            <input\r\n              type=\"email\"\r\n              matInput\r\n              formControlName=\"email\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.webSite' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"webSite\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.shipType' | translate }}</mat-label>\r\n              <mat-select formControlName=\"shipType\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"shipType.id\"\r\n                  *ngFor=\"let shipType of shipTypeList\"\r\n                  >{{ shipType.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadShipType(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.industryCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"industryCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"industry.id\"\r\n                  *ngFor=\"let industry of industryList\"\r\n                  >{{ industry.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadIndustry(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.licTradNum' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"licTradNum\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.vatIdUnified' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"vatIdUnified\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.addId' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"addId\"\r\n              [maxLength]=\"64\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.registerNo' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"registerNo\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"row col-xs-12 col-sm\"\r\n            style=\"padding: 0\"\r\n            *ngIf=\"!salesPersonOnlyOnAddress\"\r\n          >\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{\r\n                'sapAdminBp.salesEmployee' | translate\r\n              }}</mat-label>\r\n              <mat-select formControlName=\"salesEmployee\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"salesEmployee.id\"\r\n                  *ngFor=\"let salesEmployee of salesEmployeeList\"\r\n                  >{{ salesEmployee.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadSalesEmployee(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.technician' | translate }}</mat-label>\r\n              <mat-select formControlName=\"technician\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"technician.id\"\r\n                  *ngFor=\"let technician of technicianList\"\r\n                  >{{ technician.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTechnician(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.territory' | translate }}</mat-label>\r\n              <mat-select formControlName=\"territory\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"territory.id\"\r\n                  *ngFor=\"let territory of territoryList\"\r\n                  >{{ territory.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTerritory(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.notes' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"notes\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.globalAccount' | translate }}</mat-label>\r\n            <mat-select formControlName=\"globalAccount\" [required]=\"true\">\r\n              <mat-option [value]=\"'Yes'\">{{\r\n                'global.yes' | translate\r\n              }}</mat-option>\r\n              <mat-option [value]=\"'No'\">{{\r\n                'global.no' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.globalId' | translate }}</mat-label>\r\n              <mat-select\r\n                formControlName=\"globalId\"\r\n                [required]=\"form.get('globalAccount')!.value === 'Yes'\"\r\n              >\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"globalId.cardName\"\r\n                  *ngFor=\"let globalId of globalIdList\"\r\n                  >{{ globalId.cardName }} -\r\n                  {{ globalId.priceAgreement }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGlobalId(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.paymentTerms' | translate }}</mat-label>\r\n              <mat-select formControlName=\"paymentCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"paymentTerm.id\"\r\n                  *ngFor=\"let paymentTerm of paymentTermsList\"\r\n                  >{{ paymentTerm.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPaymentTerms(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.priceList' | translate }}</mat-label>\r\n              <mat-select formControlName=\"priceList\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"pricel.id\"\r\n                  *ngFor=\"let pricel of priceList\"\r\n                  >{{ pricel.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPriceList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.deliveryInstructions' | translate\r\n            }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"deliveryInstructions\"\r\n              [maxLength]=\"254\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.freeText' | translate }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"5\"\r\n              formControlName=\"freeText\"\r\n              [maxLength]=\"256000\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div\r\n          class=\"row\"\r\n          *ngIf=\"\r\n            userSettings.bpTaxType === bpTaxType.Us ||\r\n            userSettings.bpTaxType === bpTaxType.Eu\r\n          \"\r\n        >\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.vatStatus' | translate }}</mat-label>\r\n            <mat-select formControlName=\"vatStatus\">\r\n              <mat-option value=\"Y\">{{\r\n                'sapAdminBp.vatStatusLiable' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"N\">{{\r\n                'sapAdminBp.vatStatusExempt' | translate\r\n              }}</mat-option>\r\n              <mat-option\r\n                value=\"E\"\r\n                *ngIf=\"userSettings.bpTaxType === bpTaxType.Eu\"\r\n                >{{ 'sapAdminBp.vatStatusEu' | translate }}</mat-option\r\n              >\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'global.status' | translate }}</mat-label>\r\n            <mat-select formControlName=\"status\">\r\n              <mat-option value=\"On-Hold\">{{\r\n                'sapAdminBp.statusOnHold' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"Inactive\">{{\r\n                'sapAdminBp.statusInactive' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"\">{{\r\n                'sapAdminBp.statusActive' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"form.get('status')?.value !== 'Active'\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.inactiveComment' | translate\r\n            }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"3\"\r\n              formControlName=\"inactiveComment\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n      </form>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-contact-person\r\n        [contactPersons]=\"initContactPersonList\"\r\n        (contactPersonChangedEmitter)=\"contactPersonChanged = $event\"\r\n        (contactPersonListEmitter)=\"contactPersons = $event\"\r\n      ></app-sap-bp-list-contact-person>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initBillToAddress\"\r\n        [required]=\"form.get('cardType')!.value !== 1\"\r\n        [errorText]=\"\r\n          submitted &&\r\n          !(billToAddress && billToAddress.length > 0) &&\r\n          form.get('cardType')!.value !== 1\r\n        \"\r\n        [addressType]=\"'B'\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setBillToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initShipToAddress\"\r\n        [required]=\"true\"\r\n        [errorText]=\"submitted && !(shipToAddress && shipToAddress.length > 0)\"\r\n        [addressType]=\"'S'\"\r\n        [useTaxCode]=\"userSettings.bpTaxType === bpTaxType.Us\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setShipToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <div class=\"contact-person-container\">\r\n        <div class=\"row align-items-center\">\r\n          <p class=\"contact-person-title\">\r\n            {{ 'sapAdminBp.qryGroup' | translate }}\r\n          </p>\r\n          <button\r\n            color=\"primary\"\r\n            mat-button\r\n            (click)=\"showQryGroup = !showQryGroup\"\r\n            style=\"font-weight: bold; margin-left: 10px\"\r\n          >\r\n            <ng-container *ngIf=\"!showQryGroup\">{{\r\n              'global.show' | translate\r\n            }}</ng-container>\r\n            <ng-container *ngIf=\"showQryGroup\">{{\r\n              'global.hide' | translate\r\n            }}</ng-container>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showQryGroup\">\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 0 : 32\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field>\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 32 : 64\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field class=\"col-12\">\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <button\r\n          mat-raised-button\r\n          color=\"accent\"\r\n          form=\"sapBpCreateForm\"\r\n          type=\"submit\"\r\n        >\r\n          {{ 'global.save' | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-header-cell:first-of-type,table td.mat-cell:first-of-type,table td.mat-footer-cell:first-of-type{padding-left:12px}table th.mat-header-cell:last-of-type,table td.mat-cell:last-of-type,table td.mat-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}table::ng-deep .actions-cell{width:115px!important}table::ng-deep .is-default-cell{width:100px!important}.contact-person-container{margin-top:1rem}.contact-person-container .contact-person-title{margin:0;font-weight:500}.qry-group-row{margin:5px 0}.qry-group-row .qry-group-name{width:250px;align-self:center}.qry-group-row .qry-group-val{align-self:center}.error-text{color:#ef5350}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"], dependencies: [{ kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i15.LoaderComponent, selector: "ngx-st-loader", inputs: ["showLoader", "positionVal"] }, { kind: "directive", type: i16.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: i17.SapBpListAddressComponent, selector: "app-sap-bp-list-address", inputs: ["addresses", "errorText", "addressType", "required", "baseIndustryCode", "disableEdit", "disableAdd", "detailsView", "canEditInDetails", "useTaxCode", "userSettings"], outputs: ["addressListEmitter", "addressChangedEmitter", "deletedAddressEmitter"] }, { kind: "component", type: i18.SapBpListContactPersonComponent, selector: "app-sap-bp-list-contact-person", inputs: ["contactPersons", "disableEdit", "disableAdd", "detailsView", "canEditInDetails"], outputs: ["contactPersonChangedEmitter", "contactPersonListEmitter", "deletedContactPersonEmitter"] }, { kind: "pipe", type: i8.SlicePipe, name: "slice" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SapBpCreateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SapBpCreateComponent, selector: "ngx-st-sap-bp-create", inputs: { userSettings: "userSettings" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid users-list no-cut\">\r\n  <div class=\"card\">\r\n    <div class=\"card-header card-header-warning\">\r\n      <h3 class=\"card-title\">{{ 'sapAdminBp.titleBpCreate' | translate }}</h3>\r\n    </div>\r\n\r\n    <div class=\"card-body\">\r\n      <a class=\"back-link\" [routerLink]=\"['../']\">\r\n        <span class=\"material-icons\">keyboard_backspace</span>\r\n      </a>\r\n\r\n      <ngx-st-loader\r\n        [showLoader]=\"showLoader\"\r\n        [positionVal]=\"'fixed'\"\r\n      ></ngx-st-loader>\r\n\r\n      <form\r\n        [formGroup]=\"form\"\r\n        id=\"sapBpCreateForm\"\r\n        (ngSubmit)=\"formSubmitted()\"\r\n      >\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountType' | translate }}</mat-label>\r\n            <mat-select formControlName=\"cardType\" [required]=\"true\">\r\n              <mat-option *ngFor=\"let bpType of bpTypeAllowed\" [value]=\"bpType\">\r\n                {{ 'sapAdminBp.bpType' + bpType | translate }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.accountNo' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"cardCode\"\r\n                [maxLength]=\"15\"\r\n              />\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              (click)=\"refreshCardCode()\"\r\n              [disabled]=\"false\"\r\n              type=\"button\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              required\r\n              formControlName=\"cardName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.foreignName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cardForeignName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.groupCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"groupCode\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"groupCode.id\"\r\n                  *ngFor=\"let groupCode of groupCodeList\"\r\n                  >{{ groupCode.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGroupCodeList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.currency' | translate }}</mat-label>\r\n              <mat-select formControlName=\"currency\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"currency\"\r\n                  *ngFor=\"let currency of currencyList\"\r\n                  >{{ currency }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadCurrency(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\">\r\n            <mat-form-field style=\"width: 100px\">\r\n              <mat-label>{{ 'global.country' | translate }}</mat-label>\r\n              <span matPrefix>+ &nbsp;</span>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"countryCodePhone1\"\r\n                placeholder=\"1\"\r\n                [maxlength]=\"3\"\r\n              />\r\n            </mat-form-field>\r\n\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.tel1' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                formControlName=\"phone1\"\r\n                [placeholder]=\"phonePlaceholder\"\r\n                [specialCharacters]=\"[\r\n                  '[',\r\n                  ']',\r\n                  '\\\\',\r\n                  '+',\r\n                  ' ',\r\n                  '(',\r\n                  ')',\r\n                  'e',\r\n                  'x',\r\n                  't',\r\n                  '.'\r\n                ]\"\r\n                [mask]=\"phoneMask\"\r\n                [maxlength]=\"phoneMaxLength\"\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.tel2' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"phone2\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.cellular' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cellular\"\r\n              [maxLength]=\"50\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.fax' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"fax\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.email' | translate }}</mat-label>\r\n            <input\r\n              type=\"email\"\r\n              matInput\r\n              formControlName=\"email\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.webSite' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"webSite\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.shipType' | translate }}</mat-label>\r\n              <mat-select formControlName=\"shipType\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"shipType.id\"\r\n                  *ngFor=\"let shipType of shipTypeList\"\r\n                  >{{ shipType.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadShipType(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.industryCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"industryCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"industry.id\"\r\n                  *ngFor=\"let industry of industryList\"\r\n                  >{{ industry.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadIndustry(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.licTradNum' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"licTradNum\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.vatIdUnified' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"vatIdUnified\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.addId' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"addId\"\r\n              [maxLength]=\"64\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.registerNo' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"registerNo\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"row col-xs-12 col-sm\"\r\n            style=\"padding: 0\"\r\n            *ngIf=\"!salesPersonOnlyOnAddress\"\r\n          >\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{\r\n                'sapAdminBp.salesEmployee' | translate\r\n              }}</mat-label>\r\n              <mat-select formControlName=\"salesEmployee\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"salesEmployee.id\"\r\n                  *ngFor=\"let salesEmployee of salesEmployeeList\"\r\n                  >{{ salesEmployee.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadSalesEmployee(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.technician' | translate }}</mat-label>\r\n              <mat-select formControlName=\"technician\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"technician.id\"\r\n                  *ngFor=\"let technician of technicianList\"\r\n                  >{{ technician.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTechnician(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.territory' | translate }}</mat-label>\r\n              <mat-select formControlName=\"territory\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"territory.id\"\r\n                  *ngFor=\"let territory of territoryList\"\r\n                  >{{ territory.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTerritory(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.notes' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"notes\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.globalAccount' | translate }}</mat-label>\r\n            <mat-select formControlName=\"globalAccount\" [required]=\"true\">\r\n              <mat-option [value]=\"'Yes'\">{{\r\n                'global.yes' | translate\r\n              }}</mat-option>\r\n              <mat-option [value]=\"'No'\">{{\r\n                'global.no' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.globalId' | translate }}</mat-label>\r\n              <mat-select\r\n                formControlName=\"globalId\"\r\n                [required]=\"form.get('globalAccount')!.value === 'Yes'\"\r\n              >\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"globalId.cardName\"\r\n                  *ngFor=\"let globalId of globalIdList\"\r\n                  >{{ globalId.cardName }} -\r\n                  {{ globalId.priceAgreement }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGlobalId(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.paymentTerms' | translate }}</mat-label>\r\n              <mat-select formControlName=\"paymentCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"paymentTerm.id\"\r\n                  *ngFor=\"let paymentTerm of paymentTermsList\"\r\n                  >{{ paymentTerm.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPaymentTerms(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.priceList' | translate }}</mat-label>\r\n              <mat-select formControlName=\"priceList\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"pricel.id\"\r\n                  *ngFor=\"let pricel of priceList\"\r\n                  >{{ pricel.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPriceList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.deliveryInstructions' | translate\r\n            }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"deliveryInstructions\"\r\n              [maxLength]=\"254\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.freeText' | translate }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"5\"\r\n              formControlName=\"freeText\"\r\n              [maxLength]=\"256000\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div\r\n          class=\"row\"\r\n          *ngIf=\"\r\n            userSettings.bpTaxType === bpTaxType.Us ||\r\n            userSettings.bpTaxType === bpTaxType.Eu\r\n          \"\r\n        >\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.vatStatus' | translate }}</mat-label>\r\n            <mat-select formControlName=\"vatStatus\">\r\n              <mat-option value=\"Y\">{{\r\n                'sapAdminBp.vatStatusLiable' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"N\">{{\r\n                'sapAdminBp.vatStatusExempt' | translate\r\n              }}</mat-option>\r\n              <mat-option\r\n                value=\"E\"\r\n                *ngIf=\"userSettings.bpTaxType === bpTaxType.Eu\"\r\n                >{{ 'sapAdminBp.vatStatusEu' | translate }}</mat-option\r\n              >\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'global.status' | translate }}</mat-label>\r\n            <mat-select formControlName=\"status\">\r\n              <mat-option value=\"On-Hold\">{{\r\n                'sapAdminBp.statusOnHold' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"Inactive\">{{\r\n                'sapAdminBp.statusInactive' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"\">{{\r\n                'sapAdminBp.statusActive' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"form.get('status')?.value !== 'Active'\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.inactiveComment' | translate\r\n            }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"3\"\r\n              formControlName=\"inactiveComment\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n      </form>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-contact-person\r\n        [contactPersons]=\"initContactPersonList\"\r\n        (contactPersonChangedEmitter)=\"contactPersonChanged = $event\"\r\n        (contactPersonListEmitter)=\"contactPersons = $event\"\r\n      ></app-sap-bp-list-contact-person>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initBillToAddress\"\r\n        [required]=\"form.get('cardType')!.value !== 1\"\r\n        [errorText]=\"\r\n          submitted &&\r\n          !(billToAddress && billToAddress.length > 0) &&\r\n          form.get('cardType')!.value !== 1\r\n        \"\r\n        [addressType]=\"'B'\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setBillToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initShipToAddress\"\r\n        [required]=\"true\"\r\n        [errorText]=\"submitted && !(shipToAddress && shipToAddress.length > 0)\"\r\n        [addressType]=\"'S'\"\r\n        [useTaxCode]=\"userSettings.bpTaxType === bpTaxType.Us\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setShipToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <div class=\"contact-person-container\">\r\n        <div class=\"row align-items-center\">\r\n          <p class=\"contact-person-title\">\r\n            {{ 'sapAdminBp.qryGroup' | translate }}\r\n          </p>\r\n          <button\r\n            color=\"primary\"\r\n            mat-button\r\n            (click)=\"showQryGroup = !showQryGroup\"\r\n            style=\"font-weight: bold; margin-left: 10px\"\r\n          >\r\n            <ng-container *ngIf=\"!showQryGroup\">{{\r\n              'global.show' | translate\r\n            }}</ng-container>\r\n            <ng-container *ngIf=\"showQryGroup\">{{\r\n              'global.hide' | translate\r\n            }}</ng-container>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showQryGroup\">\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 0 : 32\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field>\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 32 : 64\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field class=\"col-12\">\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <button\r\n          mat-raised-button\r\n          color=\"accent\"\r\n          form=\"sapBpCreateForm\"\r\n          type=\"submit\"\r\n        >\r\n          {{ 'global.save' | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}table::ng-deep .actions-cell{width:115px!important}table::ng-deep .is-default-cell{width:100px!important}.contact-person-container{margin-top:1rem}.contact-person-container .contact-person-title{margin:0;font-weight:500}.qry-group-row{margin:5px 0}.qry-group-row .qry-group-name{width:250px;align-self:center}.qry-group-row .qry-group-val{align-self:center}.error-text{color:#ef5350}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"], dependencies: [{ kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i15.LoaderComponent, selector: "ngx-st-loader", inputs: ["showLoader", "positionVal"] }, { kind: "directive", type: i16.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: i17.SapBpListAddressComponent, selector: "app-sap-bp-list-address", inputs: ["addresses", "errorText", "addressType", "required", "baseIndustryCode", "disableEdit", "disableAdd", "detailsView", "canEditInDetails", "useTaxCode", "userSettings"], outputs: ["addressListEmitter", "addressChangedEmitter", "deletedAddressEmitter"] }, { kind: "component", type: i18.SapBpListContactPersonComponent, selector: "app-sap-bp-list-contact-person", inputs: ["contactPersons", "disableEdit", "disableAdd", "detailsView", "canEditInDetails"], outputs: ["contactPersonChangedEmitter", "contactPersonListEmitter", "deletedContactPersonEmitter"] }, { kind: "pipe", type: i8.SlicePipe, name: "slice" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SapBpCreateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-st-sap-bp-create', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-fluid users-list no-cut\">\r\n  <div class=\"card\">\r\n    <div class=\"card-header card-header-warning\">\r\n      <h3 class=\"card-title\">{{ 'sapAdminBp.titleBpCreate' | translate }}</h3>\r\n    </div>\r\n\r\n    <div class=\"card-body\">\r\n      <a class=\"back-link\" [routerLink]=\"['../']\">\r\n        <span class=\"material-icons\">keyboard_backspace</span>\r\n      </a>\r\n\r\n      <ngx-st-loader\r\n        [showLoader]=\"showLoader\"\r\n        [positionVal]=\"'fixed'\"\r\n      ></ngx-st-loader>\r\n\r\n      <form\r\n        [formGroup]=\"form\"\r\n        id=\"sapBpCreateForm\"\r\n        (ngSubmit)=\"formSubmitted()\"\r\n      >\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountType' | translate }}</mat-label>\r\n            <mat-select formControlName=\"cardType\" [required]=\"true\">\r\n              <mat-option *ngFor=\"let bpType of bpTypeAllowed\" [value]=\"bpType\">\r\n                {{ 'sapAdminBp.bpType' + bpType | translate }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.accountNo' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"cardCode\"\r\n                [maxLength]=\"15\"\r\n              />\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              (click)=\"refreshCardCode()\"\r\n              [disabled]=\"false\"\r\n              type=\"button\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              required\r\n              formControlName=\"cardName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.foreignName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cardForeignName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.groupCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"groupCode\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"groupCode.id\"\r\n                  *ngFor=\"let groupCode of groupCodeList\"\r\n                  >{{ groupCode.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGroupCodeList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.currency' | translate }}</mat-label>\r\n              <mat-select formControlName=\"currency\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"currency\"\r\n                  *ngFor=\"let currency of currencyList\"\r\n                  >{{ currency }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadCurrency(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\">\r\n            <mat-form-field style=\"width: 100px\">\r\n              <mat-label>{{ 'global.country' | translate }}</mat-label>\r\n              <span matPrefix>+ &nbsp;</span>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"countryCodePhone1\"\r\n                placeholder=\"1\"\r\n                [maxlength]=\"3\"\r\n              />\r\n            </mat-form-field>\r\n\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.tel1' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                formControlName=\"phone1\"\r\n                [placeholder]=\"phonePlaceholder\"\r\n                [specialCharacters]=\"[\r\n                  '[',\r\n                  ']',\r\n                  '\\\\',\r\n                  '+',\r\n                  ' ',\r\n                  '(',\r\n                  ')',\r\n                  'e',\r\n                  'x',\r\n                  't',\r\n                  '.'\r\n                ]\"\r\n                [mask]=\"phoneMask\"\r\n                [maxlength]=\"phoneMaxLength\"\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.tel2' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"phone2\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.cellular' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cellular\"\r\n              [maxLength]=\"50\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.fax' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"fax\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.email' | translate }}</mat-label>\r\n            <input\r\n              type=\"email\"\r\n              matInput\r\n              formControlName=\"email\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.webSite' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"webSite\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.shipType' | translate }}</mat-label>\r\n              <mat-select formControlName=\"shipType\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"shipType.id\"\r\n                  *ngFor=\"let shipType of shipTypeList\"\r\n                  >{{ shipType.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadShipType(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.industryCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"industryCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"industry.id\"\r\n                  *ngFor=\"let industry of industryList\"\r\n                  >{{ industry.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadIndustry(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.licTradNum' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"licTradNum\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.vatIdUnified' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"vatIdUnified\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.addId' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"addId\"\r\n              [maxLength]=\"64\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.registerNo' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"registerNo\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"row col-xs-12 col-sm\"\r\n            style=\"padding: 0\"\r\n            *ngIf=\"!salesPersonOnlyOnAddress\"\r\n          >\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{\r\n                'sapAdminBp.salesEmployee' | translate\r\n              }}</mat-label>\r\n              <mat-select formControlName=\"salesEmployee\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"salesEmployee.id\"\r\n                  *ngFor=\"let salesEmployee of salesEmployeeList\"\r\n                  >{{ salesEmployee.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadSalesEmployee(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.technician' | translate }}</mat-label>\r\n              <mat-select formControlName=\"technician\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"technician.id\"\r\n                  *ngFor=\"let technician of technicianList\"\r\n                  >{{ technician.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTechnician(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.territory' | translate }}</mat-label>\r\n              <mat-select formControlName=\"territory\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"territory.id\"\r\n                  *ngFor=\"let territory of territoryList\"\r\n                  >{{ territory.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTerritory(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.notes' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"notes\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.globalAccount' | translate }}</mat-label>\r\n            <mat-select formControlName=\"globalAccount\" [required]=\"true\">\r\n              <mat-option [value]=\"'Yes'\">{{\r\n                'global.yes' | translate\r\n              }}</mat-option>\r\n              <mat-option [value]=\"'No'\">{{\r\n                'global.no' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.globalId' | translate }}</mat-label>\r\n              <mat-select\r\n                formControlName=\"globalId\"\r\n                [required]=\"form.get('globalAccount')!.value === 'Yes'\"\r\n              >\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"globalId.cardName\"\r\n                  *ngFor=\"let globalId of globalIdList\"\r\n                  >{{ globalId.cardName }} -\r\n                  {{ globalId.priceAgreement }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGlobalId(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.paymentTerms' | translate }}</mat-label>\r\n              <mat-select formControlName=\"paymentCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"paymentTerm.id\"\r\n                  *ngFor=\"let paymentTerm of paymentTermsList\"\r\n                  >{{ paymentTerm.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPaymentTerms(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.priceList' | translate }}</mat-label>\r\n              <mat-select formControlName=\"priceList\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"pricel.id\"\r\n                  *ngFor=\"let pricel of priceList\"\r\n                  >{{ pricel.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPriceList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.deliveryInstructions' | translate\r\n            }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"deliveryInstructions\"\r\n              [maxLength]=\"254\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.freeText' | translate }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"5\"\r\n              formControlName=\"freeText\"\r\n              [maxLength]=\"256000\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div\r\n          class=\"row\"\r\n          *ngIf=\"\r\n            userSettings.bpTaxType === bpTaxType.Us ||\r\n            userSettings.bpTaxType === bpTaxType.Eu\r\n          \"\r\n        >\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.vatStatus' | translate }}</mat-label>\r\n            <mat-select formControlName=\"vatStatus\">\r\n              <mat-option value=\"Y\">{{\r\n                'sapAdminBp.vatStatusLiable' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"N\">{{\r\n                'sapAdminBp.vatStatusExempt' | translate\r\n              }}</mat-option>\r\n              <mat-option\r\n                value=\"E\"\r\n                *ngIf=\"userSettings.bpTaxType === bpTaxType.Eu\"\r\n                >{{ 'sapAdminBp.vatStatusEu' | translate }}</mat-option\r\n              >\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'global.status' | translate }}</mat-label>\r\n            <mat-select formControlName=\"status\">\r\n              <mat-option value=\"On-Hold\">{{\r\n                'sapAdminBp.statusOnHold' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"Inactive\">{{\r\n                'sapAdminBp.statusInactive' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"\">{{\r\n                'sapAdminBp.statusActive' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"form.get('status')?.value !== 'Active'\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.inactiveComment' | translate\r\n            }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"3\"\r\n              formControlName=\"inactiveComment\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n      </form>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-contact-person\r\n        [contactPersons]=\"initContactPersonList\"\r\n        (contactPersonChangedEmitter)=\"contactPersonChanged = $event\"\r\n        (contactPersonListEmitter)=\"contactPersons = $event\"\r\n      ></app-sap-bp-list-contact-person>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initBillToAddress\"\r\n        [required]=\"form.get('cardType')!.value !== 1\"\r\n        [errorText]=\"\r\n          submitted &&\r\n          !(billToAddress && billToAddress.length > 0) &&\r\n          form.get('cardType')!.value !== 1\r\n        \"\r\n        [addressType]=\"'B'\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setBillToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initShipToAddress\"\r\n        [required]=\"true\"\r\n        [errorText]=\"submitted && !(shipToAddress && shipToAddress.length > 0)\"\r\n        [addressType]=\"'S'\"\r\n        [useTaxCode]=\"userSettings.bpTaxType === bpTaxType.Us\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setShipToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <div class=\"contact-person-container\">\r\n        <div class=\"row align-items-center\">\r\n          <p class=\"contact-person-title\">\r\n            {{ 'sapAdminBp.qryGroup' | translate }}\r\n          </p>\r\n          <button\r\n            color=\"primary\"\r\n            mat-button\r\n            (click)=\"showQryGroup = !showQryGroup\"\r\n            style=\"font-weight: bold; margin-left: 10px\"\r\n          >\r\n            <ng-container *ngIf=\"!showQryGroup\">{{\r\n              'global.show' | translate\r\n            }}</ng-container>\r\n            <ng-container *ngIf=\"showQryGroup\">{{\r\n              'global.hide' | translate\r\n            }}</ng-container>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showQryGroup\">\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 0 : 32\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field>\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 32 : 64\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field class=\"col-12\">\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <button\r\n          mat-raised-button\r\n          color=\"accent\"\r\n          form=\"sapBpCreateForm\"\r\n          type=\"submit\"\r\n        >\r\n          {{ 'global.save' | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-header-cell:first-of-type,table td.mat-cell:first-of-type,table td.mat-footer-cell:first-of-type{padding-left:12px}table th.mat-header-cell:last-of-type,table td.mat-cell:last-of-type,table td.mat-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}table::ng-deep .actions-cell{width:115px!important}table::ng-deep .is-default-cell{width:100px!important}.contact-person-container{margin-top:1rem}.contact-person-container .contact-person-title{margin:0;font-weight:500}.qry-group-row{margin:5px 0}.qry-group-row .qry-group-name{width:250px;align-self:center}.qry-group-row .qry-group-val{align-self:center}.error-text{color:#ef5350}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"] }]
+            args: [{ selector: 'ngx-st-sap-bp-create', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-fluid users-list no-cut\">\r\n  <div class=\"card\">\r\n    <div class=\"card-header card-header-warning\">\r\n      <h3 class=\"card-title\">{{ 'sapAdminBp.titleBpCreate' | translate }}</h3>\r\n    </div>\r\n\r\n    <div class=\"card-body\">\r\n      <a class=\"back-link\" [routerLink]=\"['../']\">\r\n        <span class=\"material-icons\">keyboard_backspace</span>\r\n      </a>\r\n\r\n      <ngx-st-loader\r\n        [showLoader]=\"showLoader\"\r\n        [positionVal]=\"'fixed'\"\r\n      ></ngx-st-loader>\r\n\r\n      <form\r\n        [formGroup]=\"form\"\r\n        id=\"sapBpCreateForm\"\r\n        (ngSubmit)=\"formSubmitted()\"\r\n      >\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountType' | translate }}</mat-label>\r\n            <mat-select formControlName=\"cardType\" [required]=\"true\">\r\n              <mat-option *ngFor=\"let bpType of bpTypeAllowed\" [value]=\"bpType\">\r\n                {{ 'sapAdminBp.bpType' + bpType | translate }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.accountNo' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"cardCode\"\r\n                [maxLength]=\"15\"\r\n              />\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              (click)=\"refreshCardCode()\"\r\n              [disabled]=\"false\"\r\n              type=\"button\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.accountName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              required\r\n              formControlName=\"cardName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.foreignName' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cardForeignName\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.groupCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"groupCode\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"groupCode.id\"\r\n                  *ngFor=\"let groupCode of groupCodeList\"\r\n                  >{{ groupCode.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGroupCodeList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.currency' | translate }}</mat-label>\r\n              <mat-select formControlName=\"currency\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"currency\"\r\n                  *ngFor=\"let currency of currencyList\"\r\n                  >{{ currency }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadCurrency(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\">\r\n            <mat-form-field style=\"width: 100px\">\r\n              <mat-label>{{ 'global.country' | translate }}</mat-label>\r\n              <span matPrefix>+ &nbsp;</span>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                required\r\n                formControlName=\"countryCodePhone1\"\r\n                placeholder=\"1\"\r\n                [maxlength]=\"3\"\r\n              />\r\n            </mat-form-field>\r\n\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.tel1' | translate }}</mat-label>\r\n              <input\r\n                type=\"text\"\r\n                matInput\r\n                formControlName=\"phone1\"\r\n                [placeholder]=\"phonePlaceholder\"\r\n                [specialCharacters]=\"[\r\n                  '[',\r\n                  ']',\r\n                  '\\\\',\r\n                  '+',\r\n                  ' ',\r\n                  '(',\r\n                  ')',\r\n                  'e',\r\n                  'x',\r\n                  't',\r\n                  '.'\r\n                ]\"\r\n                [mask]=\"phoneMask\"\r\n                [maxlength]=\"phoneMaxLength\"\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.tel2' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"phone2\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.cellular' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"cellular\"\r\n              [maxLength]=\"50\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.fax' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"fax\"\r\n              [maxLength]=\"20\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.email' | translate }}</mat-label>\r\n            <input\r\n              type=\"email\"\r\n              matInput\r\n              formControlName=\"email\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.webSite' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"webSite\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.shipType' | translate }}</mat-label>\r\n              <mat-select formControlName=\"shipType\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"shipType.id\"\r\n                  *ngFor=\"let shipType of shipTypeList\"\r\n                  >{{ shipType.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadShipType(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.industryCode' | translate }}</mat-label>\r\n              <mat-select formControlName=\"industryCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"industry.id\"\r\n                  *ngFor=\"let industry of industryList\"\r\n                  >{{ industry.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadIndustry(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.licTradNum' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"licTradNum\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.vatIdUnified' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"vatIdUnified\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.addId' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"addId\"\r\n              [maxLength]=\"64\"\r\n            />\r\n          </mat-form-field>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.registerNo' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"registerNo\"\r\n              [maxLength]=\"32\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div\r\n            class=\"row col-xs-12 col-sm\"\r\n            style=\"padding: 0\"\r\n            *ngIf=\"!salesPersonOnlyOnAddress\"\r\n          >\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{\r\n                'sapAdminBp.salesEmployee' | translate\r\n              }}</mat-label>\r\n              <mat-select formControlName=\"salesEmployee\" [required]=\"true\">\r\n                <mat-option\r\n                  [value]=\"salesEmployee.id\"\r\n                  *ngFor=\"let salesEmployee of salesEmployeeList\"\r\n                  >{{ salesEmployee.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadSalesEmployee(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.technician' | translate }}</mat-label>\r\n              <mat-select formControlName=\"technician\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"technician.id\"\r\n                  *ngFor=\"let technician of technicianList\"\r\n                  >{{ technician.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTechnician(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.territory' | translate }}</mat-label>\r\n              <mat-select formControlName=\"territory\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"territory.id\"\r\n                  *ngFor=\"let territory of territoryList\"\r\n                  >{{ territory.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadTerritory(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.notes' | translate }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"notes\"\r\n              [maxLength]=\"100\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-xs-12 col-sm-6\">\r\n            <mat-label>{{ 'sapAdminBp.globalAccount' | translate }}</mat-label>\r\n            <mat-select formControlName=\"globalAccount\" [required]=\"true\">\r\n              <mat-option [value]=\"'Yes'\">{{\r\n                'global.yes' | translate\r\n              }}</mat-option>\r\n              <mat-option [value]=\"'No'\">{{\r\n                'global.no' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.globalId' | translate }}</mat-label>\r\n              <mat-select\r\n                formControlName=\"globalId\"\r\n                [required]=\"form.get('globalAccount')!.value === 'Yes'\"\r\n              >\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"globalId.cardName\"\r\n                  *ngFor=\"let globalId of globalIdList\"\r\n                  >{{ globalId.cardName }} -\r\n                  {{ globalId.priceAgreement }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadGlobalId(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.paymentTerms' | translate }}</mat-label>\r\n              <mat-select formControlName=\"paymentCode\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"paymentTerm.id\"\r\n                  *ngFor=\"let paymentTerm of paymentTermsList\"\r\n                  >{{ paymentTerm.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPaymentTerms(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"row col-xs-12 col-sm-6\" style=\"padding: 0\">\r\n            <mat-form-field class=\"col\">\r\n              <mat-label>{{ 'sapAdminBp.priceList' | translate }}</mat-label>\r\n              <mat-select formControlName=\"priceList\">\r\n                <mat-option value=\"\">{{\r\n                  'global.empty' | translate\r\n                }}</mat-option>\r\n                <mat-option\r\n                  [value]=\"pricel.id\"\r\n                  *ngFor=\"let pricel of priceList\"\r\n                  >{{ pricel.name }}</mat-option\r\n                >\r\n              </mat-select>\r\n            </mat-form-field>\r\n            <button\r\n              mat-icon-button\r\n              [matTooltip]=\"'global.refreshFromSap' | translate\"\r\n              (click)=\"loadPriceList(true)\"\r\n              [disabled]=\"refreshingDataFromSap\"\r\n            >\r\n              <i class=\"material-icons\">refresh</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.deliveryInstructions' | translate\r\n            }}</mat-label>\r\n            <input\r\n              type=\"text\"\r\n              matInput\r\n              formControlName=\"deliveryInstructions\"\r\n              [maxLength]=\"254\"\r\n            />\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.freeText' | translate }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"5\"\r\n              formControlName=\"freeText\"\r\n              [maxLength]=\"256000\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div\r\n          class=\"row\"\r\n          *ngIf=\"\r\n            userSettings.bpTaxType === bpTaxType.Us ||\r\n            userSettings.bpTaxType === bpTaxType.Eu\r\n          \"\r\n        >\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'sapAdminBp.vatStatus' | translate }}</mat-label>\r\n            <mat-select formControlName=\"vatStatus\">\r\n              <mat-option value=\"Y\">{{\r\n                'sapAdminBp.vatStatusLiable' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"N\">{{\r\n                'sapAdminBp.vatStatusExempt' | translate\r\n              }}</mat-option>\r\n              <mat-option\r\n                value=\"E\"\r\n                *ngIf=\"userSettings.bpTaxType === bpTaxType.Eu\"\r\n                >{{ 'sapAdminBp.vatStatusEu' | translate }}</mat-option\r\n              >\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{ 'global.status' | translate }}</mat-label>\r\n            <mat-select formControlName=\"status\">\r\n              <mat-option value=\"On-Hold\">{{\r\n                'sapAdminBp.statusOnHold' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"Inactive\">{{\r\n                'sapAdminBp.statusInactive' | translate\r\n              }}</mat-option>\r\n              <mat-option value=\"\">{{\r\n                'sapAdminBp.statusActive' | translate\r\n              }}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"form.get('status')?.value !== 'Active'\">\r\n          <mat-form-field class=\"col-12\">\r\n            <mat-label>{{\r\n              'sapAdminBp.inactiveComment' | translate\r\n            }}</mat-label>\r\n            <textarea\r\n              matInput\r\n              [rows]=\"3\"\r\n              formControlName=\"inactiveComment\"\r\n            ></textarea>\r\n          </mat-form-field>\r\n        </div>\r\n      </form>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-contact-person\r\n        [contactPersons]=\"initContactPersonList\"\r\n        (contactPersonChangedEmitter)=\"contactPersonChanged = $event\"\r\n        (contactPersonListEmitter)=\"contactPersons = $event\"\r\n      ></app-sap-bp-list-contact-person>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initBillToAddress\"\r\n        [required]=\"form.get('cardType')!.value !== 1\"\r\n        [errorText]=\"\r\n          submitted &&\r\n          !(billToAddress && billToAddress.length > 0) &&\r\n          form.get('cardType')!.value !== 1\r\n        \"\r\n        [addressType]=\"'B'\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setBillToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <app-sap-bp-list-address\r\n        [addresses]=\"initShipToAddress\"\r\n        [required]=\"true\"\r\n        [errorText]=\"submitted && !(shipToAddress && shipToAddress.length > 0)\"\r\n        [addressType]=\"'S'\"\r\n        [useTaxCode]=\"userSettings.bpTaxType === bpTaxType.Us\"\r\n        [userSettings]=\"userSettings\"\r\n        (addressListEmitter)=\"setShipToAddress($event)\"\r\n        (addressChangedEmitter)=\"setAddressChanged($event)\"\r\n      ></app-sap-bp-list-address>\r\n\r\n      <hr />\r\n\r\n      <div class=\"contact-person-container\">\r\n        <div class=\"row align-items-center\">\r\n          <p class=\"contact-person-title\">\r\n            {{ 'sapAdminBp.qryGroup' | translate }}\r\n          </p>\r\n          <button\r\n            color=\"primary\"\r\n            mat-button\r\n            (click)=\"showQryGroup = !showQryGroup\"\r\n            style=\"font-weight: bold; margin-left: 10px\"\r\n          >\r\n            <ng-container *ngIf=\"!showQryGroup\">{{\r\n              'global.show' | translate\r\n            }}</ng-container>\r\n            <ng-container *ngIf=\"showQryGroup\">{{\r\n              'global.hide' | translate\r\n            }}</ng-container>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showQryGroup\">\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 0 : 32\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field>\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-12 col-sm-6\">\r\n            <div\r\n              class=\"row qry-group-row\"\r\n              *ngFor=\"let group of qryGroupList | slice: 32 : 64\"\r\n            >\r\n              <div class=\"qry-group-name\">\r\n                {{ group.name }}\r\n              </div>\r\n              <div class=\"qry-group-val\">\r\n                <mat-form-field class=\"col-12\">\r\n                  <mat-select [(ngModel)]=\"group.value\">\r\n                    <mat-option [value]=\"'Y'\">{{\r\n                      'global.yes' | translate\r\n                    }}</mat-option>\r\n                    <mat-option [value]=\"'N'\">{{\r\n                      'global.no' | translate\r\n                    }}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <button\r\n          mat-raised-button\r\n          color=\"accent\"\r\n          form=\"sapBpCreateForm\"\r\n          type=\"submit\"\r\n        >\r\n          {{ 'global.save' | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%;box-shadow:none}table th.mat-mdc-header-cell,table td.mat-mdc-cell,table td.mat-mdc-footer-cell{padding:0}table th.mat-mdc-header-cell:first-of-type,table td.mat-mdc-cell:first-of-type,table td.mat-mdc-footer-cell:first-of-type{padding-left:12px}table th.mat-mdc-header-cell:last-of-type,table td.mat-mdc-cell:last-of-type,table td.mat-mdc-footer-cell:last-of-type{padding-right:12px}table::ng-deep thead tr{background-color:#fff9c4;height:40px!important}table::ng-deep thead tr th{border-color:#fdd835;color:#0000008a;font-size:12px}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr.active td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr:hover{background-color:#a5d6a7!important}table::ng-deep tbody>tr:hover td{border-bottom-color:#81c784!important}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit!important}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}table::ng-deep .actions-cell{width:115px!important}table::ng-deep .is-default-cell{width:100px!important}.contact-person-container{margin-top:1rem}.contact-person-container .contact-person-title{margin:0;font-weight:500}.qry-group-row{margin:5px 0}.qry-group-row .qry-group-name{width:250px;align-self:center}.qry-group-row .qry-group-val{align-self:center}.error-text{color:#ef5350}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SapBpService }, { type: i2.MatDialog }, { type: i3.SapBpHelperService }, { type: i0.ChangeDetectorRef }, { type: i4.NonNullableFormBuilder }, { type: i5.Router }, { type: i5.ActivatedRoute }, { type: i6.StSnackBarService }, { type: i7.TranslateService }]; }, propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']