@osovitny/anatoly 3.17.104 → 3.17.106
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.
- package/esm2022/lib/core/services/appcontext.service.mjs +4 -13
- package/esm2022/lib/ui/components/nodata/nodata.component.mjs +9 -12
- package/esm2022/lib/ui/forms/components/address/address.component.mjs +34 -34
- package/esm2022/lib/ui/forms/components/company/company.component.mjs +17 -17
- package/fesm2022/osovitny-anatoly.mjs +60 -72
- package/fesm2022/osovitny-anatoly.mjs.map +1 -1
- package/lib/core/services/appcontext.service.d.ts +2 -2
- package/lib/ui/components/index.d.ts +1 -1
- package/lib/ui/components/nodata/nodata.component.d.ts +3 -4
- package/package.json +1 -1
|
@@ -1281,16 +1281,7 @@ class AppContextService extends ApiServiceBase {
|
|
|
1281
1281
|
this.subscription.unsubscribe();
|
|
1282
1282
|
this.subscription = null;
|
|
1283
1283
|
}
|
|
1284
|
-
|
|
1285
|
-
if (getCachedIfExist) {
|
|
1286
|
-
let context = this.getCurrent4Session();
|
|
1287
|
-
if (context != null) {
|
|
1288
|
-
if (success) {
|
|
1289
|
-
success(context);
|
|
1290
|
-
}
|
|
1291
|
-
return;
|
|
1292
|
-
}
|
|
1293
|
-
}
|
|
1284
|
+
getCurrentContext() {
|
|
1294
1285
|
if (this.subscription != null) {
|
|
1295
1286
|
return;
|
|
1296
1287
|
}
|
|
@@ -1340,8 +1331,8 @@ class AppContextService extends ApiServiceBase {
|
|
|
1340
1331
|
loadRequiredItems() {
|
|
1341
1332
|
return null;
|
|
1342
1333
|
}
|
|
1343
|
-
updateCurrent(
|
|
1344
|
-
this.
|
|
1334
|
+
updateCurrent() {
|
|
1335
|
+
this.getCurrentContext();
|
|
1345
1336
|
}
|
|
1346
1337
|
//Storage
|
|
1347
1338
|
clearLocalStorage() {
|
|
@@ -7887,7 +7878,7 @@ class SignOutButtonComponent extends ComponentBase {
|
|
|
7887
7878
|
</file>
|
|
7888
7879
|
*/
|
|
7889
7880
|
//Node
|
|
7890
|
-
function
|
|
7881
|
+
function NodataComponent_Conditional_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
7891
7882
|
i0.ɵɵelementStart(0, "div");
|
|
7892
7883
|
i0.ɵɵelement(1, "fa-icon", 5);
|
|
7893
7884
|
i0.ɵɵelementEnd();
|
|
@@ -7896,9 +7887,9 @@ function NodataComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
7896
7887
|
i0.ɵɵadvance();
|
|
7897
7888
|
i0.ɵɵproperty("icon", ctx_r1.icon)("size", ctx_r1.iconSize);
|
|
7898
7889
|
} }
|
|
7899
|
-
function
|
|
7890
|
+
function NodataComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
7900
7891
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
|
|
7901
|
-
i0.ɵɵtemplate(2,
|
|
7892
|
+
i0.ɵɵtemplate(2, NodataComponent_Conditional_0_div_2_Template, 2, 2, "div", 3);
|
|
7902
7893
|
i0.ɵɵelementStart(3, "h3", 4);
|
|
7903
7894
|
i0.ɵɵtext(4);
|
|
7904
7895
|
i0.ɵɵelementEnd();
|
|
@@ -7914,24 +7905,21 @@ function NodataComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
7914
7905
|
const _c0$5 = ["*"];
|
|
7915
7906
|
class NodataComponent {
|
|
7916
7907
|
constructor() {
|
|
7917
|
-
this.dataLoading = false;
|
|
7918
|
-
this.dataLoaded = false;
|
|
7919
|
-
this.dataFound = false;
|
|
7920
7908
|
this.iconSize = '10x';
|
|
7921
7909
|
this.heading = 'No data found';
|
|
7922
7910
|
}
|
|
7923
7911
|
static { this.ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); }; }
|
|
7924
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [["class", "no-data"
|
|
7912
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [["class", "no-data"], [1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7925
7913
|
i0.ɵɵprojectionDef();
|
|
7926
|
-
i0.ɵɵtemplate(0,
|
|
7914
|
+
i0.ɵɵtemplate(0, NodataComponent_Conditional_0_Template, 6, 2, "div", 0);
|
|
7927
7915
|
} if (rf & 2) {
|
|
7928
|
-
i0.ɵɵ
|
|
7916
|
+
i0.ɵɵconditional(0, !ctx.dataLoading && ctx.dataLoaded && !ctx.dataFound ? 0 : -1);
|
|
7929
7917
|
} }, dependencies: [i1$2.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
|
|
7930
7918
|
}
|
|
7931
7919
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
|
|
7932
7920
|
type: Component,
|
|
7933
|
-
args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\"
|
|
7934
|
-
}],
|
|
7921
|
+
args: [{ selector: 'anatoly-nodata', template: "@if (!dataLoading && dataLoaded && !dataFound) {\r\n <div class=\"no-data\">\r\n <div class='loaded text-info'>\r\n <div *ngIf='icon'>\r\n <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n </div>\r\n <h3 class='no-data-heading'>{{heading}}</h3>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n}\r\n" }]
|
|
7922
|
+
}], null, { dataLoading: [{
|
|
7935
7923
|
type: Input
|
|
7936
7924
|
}], dataLoaded: [{
|
|
7937
7925
|
type: Input
|
|
@@ -8868,13 +8856,13 @@ class HoveringDirective {
|
|
|
8868
8856
|
*/
|
|
8869
8857
|
//Node
|
|
8870
8858
|
function AddressComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
|
|
8871
|
-
i0.ɵɵelement(0, "anatoly-card-header",
|
|
8859
|
+
i0.ɵɵelement(0, "anatoly-card-header", 17);
|
|
8872
8860
|
} if (rf & 2) {
|
|
8873
8861
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
8874
8862
|
i0.ɵɵproperty("title", ctx_r0.title);
|
|
8875
8863
|
} }
|
|
8876
|
-
function
|
|
8877
|
-
i0.ɵɵelementStart(0, "option",
|
|
8864
|
+
function AddressComponent_div_16_option_4_Template(rf, ctx) { if (rf & 1) {
|
|
8865
|
+
i0.ɵɵelementStart(0, "option", 20);
|
|
8878
8866
|
i0.ɵɵtext(1);
|
|
8879
8867
|
i0.ɵɵelementEnd();
|
|
8880
8868
|
} if (rf & 2) {
|
|
@@ -8884,16 +8872,16 @@ function AddressComponent_div_17_option_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
8884
8872
|
i0.ɵɵtextInterpolate(state_r4.name);
|
|
8885
8873
|
} }
|
|
8886
8874
|
const _c0$1 = a0 => ({ "has-error": a0 });
|
|
8887
|
-
function
|
|
8875
|
+
function AddressComponent_div_16_Template(rf, ctx) { if (rf & 1) {
|
|
8888
8876
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
8889
|
-
i0.ɵɵelementStart(0, "div",
|
|
8877
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "label");
|
|
8890
8878
|
i0.ɵɵtext(2, "State");
|
|
8891
8879
|
i0.ɵɵelementEnd();
|
|
8892
|
-
i0.ɵɵelementStart(3, "select",
|
|
8893
|
-
i0.ɵɵlistener("change", function
|
|
8894
|
-
i0.ɵɵtemplate(4,
|
|
8880
|
+
i0.ɵɵelementStart(3, "select", 18);
|
|
8881
|
+
i0.ɵɵlistener("change", function AddressComponent_div_16_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onUSStateChange($event)); });
|
|
8882
|
+
i0.ɵɵtemplate(4, AddressComponent_div_16_option_4_Template, 2, 2, "option", 15);
|
|
8895
8883
|
i0.ɵɵelementEnd();
|
|
8896
|
-
i0.ɵɵelement(5, "anatoly-item-validation-summary",
|
|
8884
|
+
i0.ɵɵelement(5, "anatoly-item-validation-summary", 19);
|
|
8897
8885
|
i0.ɵɵelementEnd();
|
|
8898
8886
|
} if (rf & 2) {
|
|
8899
8887
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -8903,8 +8891,8 @@ function AddressComponent_div_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
8903
8891
|
i0.ɵɵadvance();
|
|
8904
8892
|
i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted);
|
|
8905
8893
|
} }
|
|
8906
|
-
function
|
|
8907
|
-
i0.ɵɵelementStart(0, "option",
|
|
8894
|
+
function AddressComponent_option_26_Template(rf, ctx) { if (rf & 1) {
|
|
8895
|
+
i0.ɵɵelementStart(0, "option", 20);
|
|
8908
8896
|
i0.ɵɵtext(1);
|
|
8909
8897
|
i0.ɵɵelementEnd();
|
|
8910
8898
|
} if (rf & 2) {
|
|
@@ -9006,41 +8994,41 @@ class AddressComponent extends EditComponentBase {
|
|
|
9006
8994
|
this.change.emit(usState);
|
|
9007
8995
|
}
|
|
9008
8996
|
static { this.ɵfac = function AddressComponent_Factory(t) { return new (t || AddressComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CoreApiService)); }; }
|
|
9009
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
8997
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 28, vars: 29, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "form-group", 3, "ngClass"], ["type", "text", "formControlName", "address_street", "placeholder", "Street Address", 1, "form-control"], ["controlName", "address_street", "controlTitle", "Street", 3, "formGroup", "formSubmitted"], ["type", "text", "formControlName", "address_street2", "placeholder", "Apartment, suite, unit, building, floor, etc.", 1, "form-control"], ["controlName", "address_street2", "controlTitle", "Street2", 3, "formGroup", "formSubmitted"], [1, "form-group", "col-3", "mb-0", 3, "ngClass"], ["type", "text", "formControlName", "address_city", "placeholder", "City", 1, "form-control"], ["controlName", "address_city", "controlTitle", "City", 3, "formGroup", "formSubmitted"], ["class", "form-group col-3 mb-0", 3, "ngClass", 4, "ngIf"], ["type", "text", "formControlName", "address_zipcode", "placeholder", "zipcode", 1, "form-control"], ["controlName", "address_zipcode", "controlTitle", "zipcode", 3, "formGroup", "formSubmitted"], ["formControlName", "address_country", "data-placeholder", "Select a Country", 1, "form-control", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "address_country", "controlTitle", "Country", 3, "formGroup", "formSubmitted"], [3, "title"], ["formControlName", "address_stateOrRegion", 1, "form-control", 3, "change"], ["controlName", "address_stateOrRegion", "controlTitle", "State", 3, "formGroup", "formSubmitted"], [3, "value"]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9010
8998
|
i0.ɵɵelementStart(0, "anatoly-card", 0);
|
|
9011
8999
|
i0.ɵɵtemplate(1, AddressComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
|
|
9012
|
-
i0.ɵɵelementStart(2, "anatoly-card-body"
|
|
9013
|
-
i0.ɵɵtext(
|
|
9000
|
+
i0.ɵɵelementStart(2, "anatoly-card-body", 2)(3, "div", 3)(4, "label");
|
|
9001
|
+
i0.ɵɵtext(5, "Street Address");
|
|
9014
9002
|
i0.ɵɵelementEnd();
|
|
9015
|
-
i0.ɵɵelement(
|
|
9003
|
+
i0.ɵɵelement(6, "input", 4)(7, "anatoly-item-validation-summary", 5);
|
|
9016
9004
|
i0.ɵɵelementEnd();
|
|
9017
|
-
i0.ɵɵelementStart(
|
|
9018
|
-
i0.ɵɵelement(
|
|
9005
|
+
i0.ɵɵelementStart(8, "div", 3);
|
|
9006
|
+
i0.ɵɵelement(9, "input", 6)(10, "anatoly-item-validation-summary", 7);
|
|
9019
9007
|
i0.ɵɵelementEnd();
|
|
9020
|
-
i0.ɵɵelementStart(
|
|
9021
|
-
i0.ɵɵtext(
|
|
9008
|
+
i0.ɵɵelementStart(11, "div", 8)(12, "label");
|
|
9009
|
+
i0.ɵɵtext(13, "City");
|
|
9022
9010
|
i0.ɵɵelementEnd();
|
|
9023
|
-
i0.ɵɵelement(
|
|
9011
|
+
i0.ɵɵelement(14, "input", 9)(15, "anatoly-item-validation-summary", 10);
|
|
9024
9012
|
i0.ɵɵelementEnd();
|
|
9025
|
-
i0.ɵɵtemplate(
|
|
9026
|
-
i0.ɵɵelementStart(
|
|
9027
|
-
i0.ɵɵtext(
|
|
9013
|
+
i0.ɵɵtemplate(16, AddressComponent_div_16_Template, 6, 6, "div", 11);
|
|
9014
|
+
i0.ɵɵelementStart(17, "div", 8)(18, "label");
|
|
9015
|
+
i0.ɵɵtext(19, "zipcode");
|
|
9028
9016
|
i0.ɵɵelementEnd();
|
|
9029
|
-
i0.ɵɵelement(
|
|
9017
|
+
i0.ɵɵelement(20, "input", 12)(21, "anatoly-item-validation-summary", 13);
|
|
9030
9018
|
i0.ɵɵelementEnd();
|
|
9031
|
-
i0.ɵɵelementStart(
|
|
9032
|
-
i0.ɵɵtext(
|
|
9019
|
+
i0.ɵɵelementStart(22, "div", 8)(23, "label");
|
|
9020
|
+
i0.ɵɵtext(24, "Country");
|
|
9033
9021
|
i0.ɵɵelementEnd();
|
|
9034
|
-
i0.ɵɵelementStart(
|
|
9035
|
-
i0.ɵɵlistener("change", function
|
|
9036
|
-
i0.ɵɵtemplate(
|
|
9022
|
+
i0.ɵɵelementStart(25, "select", 14);
|
|
9023
|
+
i0.ɵɵlistener("change", function AddressComponent_Template_select_change_25_listener($event) { return ctx.onCountryChange($event); });
|
|
9024
|
+
i0.ɵɵtemplate(26, AddressComponent_option_26_Template, 2, 2, "option", 15);
|
|
9037
9025
|
i0.ɵɵelementEnd();
|
|
9038
|
-
i0.ɵɵelement(
|
|
9039
|
-
i0.ɵɵelementEnd()()()
|
|
9026
|
+
i0.ɵɵelement(27, "anatoly-item-validation-summary", 16);
|
|
9027
|
+
i0.ɵɵelementEnd()()();
|
|
9040
9028
|
} if (rf & 2) {
|
|
9041
9029
|
i0.ɵɵadvance();
|
|
9042
9030
|
i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
|
|
9043
|
-
i0.ɵɵadvance(
|
|
9031
|
+
i0.ɵɵadvance();
|
|
9044
9032
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
9045
9033
|
i0.ɵɵadvance();
|
|
9046
9034
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$1, ctx.isControlInvalid("address_street")));
|
|
@@ -9070,7 +9058,7 @@ class AddressComponent extends EditComponentBase {
|
|
|
9070
9058
|
}
|
|
9071
9059
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
|
|
9072
9060
|
type: Component,
|
|
9073
|
-
args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card classes='card-
|
|
9061
|
+
args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card classes='card-outline card-primary'>\r\n <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n <anatoly-card-body [formGroup]='formGroup'>\r\n <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n <label>Street Address</label>\r\n <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\r\n <anatoly-item-validation-summary controlName='address_street'\r\n controlTitle='Street'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\r\n <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\r\n <anatoly-item-validation-summary controlName='address_street2'\r\n controlTitle='Street2'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n <label>City</label>\r\n <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\r\n <anatoly-item-validation-summary controlName='address_city'\r\n controlTitle='City'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-3 mb-0' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n <label>State</label>\r\n <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\r\n <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n </select>\r\n <anatoly-item-validation-summary controlName='address_stateOrRegion'\r\n controlTitle='State'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n <label>zipcode</label>\r\n <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\r\n <anatoly-item-validation-summary controlName='address_zipcode'\r\n controlTitle='zipcode'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n <label>Country</label>\r\n <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\r\n <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n </select>\r\n <anatoly-item-validation-summary controlName='address_country'\r\n controlTitle='Country'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
|
|
9074
9062
|
}], () => [{ type: i2.FormBuilder }, { type: CoreApiService }], { address: [{
|
|
9075
9063
|
type: Input
|
|
9076
9064
|
}], change: [{
|
|
@@ -9151,33 +9139,33 @@ class CompanyComponent extends EditComponentBase {
|
|
|
9151
9139
|
return JSON.stringify(data);
|
|
9152
9140
|
}
|
|
9153
9141
|
static { this.ɵfac = function CompanyComponent_Factory(t) { return new (t || CompanyComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder)); }; }
|
|
9154
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { company: "company" }, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
9142
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { company: "company" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 23, vars: 22, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "form-group", "col-6", 3, "ngClass"], ["type", "text", "formControlName", "company_name", "placeholder", "Company Name", 1, "form-control"], ["controlName", "company_name", "controlTitle", "Company Name", 3, "formGroup", "formSubmitted"], ["type", "tel", "formControlName", "company_phone", "placeholder", "Company Phone", 1, "form-control"], ["controlName", "company_phone", "controlTitle", "Company Phone", 3, "formGroup", "formSubmitted"], [1, "form-group", "col-6", "mb-0", 3, "ngClass"], ["type", "email", "formControlName", "company_email", "placeholder", "Company Email", 1, "form-control"], ["controlName", "company_email", "controlTitle", "Company Email", 3, "formGroup", "formSubmitted"], ["type", "url", "placeholder", "https://example.com", "pattern", "https://.*", "size", "30", "formControlName", "company_websiteUrl", 1, "form-control"], ["controlName", "company_websiteUrl", "controlTitle", "Company website url", 3, "formGroup", "formSubmitted"], [3, "title"]], template: function CompanyComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9155
9143
|
i0.ɵɵelementStart(0, "anatoly-card", 0);
|
|
9156
9144
|
i0.ɵɵtemplate(1, CompanyComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
|
|
9157
|
-
i0.ɵɵelementStart(2, "anatoly-card-body"
|
|
9158
|
-
i0.ɵɵtext(
|
|
9145
|
+
i0.ɵɵelementStart(2, "anatoly-card-body", 2)(3, "div", 3)(4, "label");
|
|
9146
|
+
i0.ɵɵtext(5, "Name");
|
|
9159
9147
|
i0.ɵɵelementEnd();
|
|
9160
|
-
i0.ɵɵelement(
|
|
9148
|
+
i0.ɵɵelement(6, "input", 4)(7, "anatoly-item-validation-summary", 5);
|
|
9161
9149
|
i0.ɵɵelementEnd();
|
|
9162
|
-
i0.ɵɵelementStart(
|
|
9163
|
-
i0.ɵɵtext(
|
|
9150
|
+
i0.ɵɵelementStart(8, "div", 3)(9, "label");
|
|
9151
|
+
i0.ɵɵtext(10, "Phone");
|
|
9164
9152
|
i0.ɵɵelementEnd();
|
|
9165
|
-
i0.ɵɵelement(
|
|
9153
|
+
i0.ɵɵelement(11, "input", 6)(12, "anatoly-item-validation-summary", 7);
|
|
9166
9154
|
i0.ɵɵelementEnd();
|
|
9167
|
-
i0.ɵɵelementStart(
|
|
9168
|
-
i0.ɵɵtext(
|
|
9155
|
+
i0.ɵɵelementStart(13, "div", 8)(14, "label");
|
|
9156
|
+
i0.ɵɵtext(15, "Email");
|
|
9169
9157
|
i0.ɵɵelementEnd();
|
|
9170
|
-
i0.ɵɵelement(
|
|
9158
|
+
i0.ɵɵelement(16, "input", 9)(17, "anatoly-item-validation-summary", 10);
|
|
9171
9159
|
i0.ɵɵelementEnd();
|
|
9172
|
-
i0.ɵɵelementStart(
|
|
9173
|
-
i0.ɵɵtext(
|
|
9160
|
+
i0.ɵɵelementStart(18, "div", 8)(19, "label");
|
|
9161
|
+
i0.ɵɵtext(20, "Website Url");
|
|
9174
9162
|
i0.ɵɵelementEnd();
|
|
9175
|
-
i0.ɵɵelement(
|
|
9176
|
-
i0.ɵɵelementEnd()()()
|
|
9163
|
+
i0.ɵɵelement(21, "input", 11)(22, "anatoly-item-validation-summary", 12);
|
|
9164
|
+
i0.ɵɵelementEnd()()();
|
|
9177
9165
|
} if (rf & 2) {
|
|
9178
9166
|
i0.ɵɵadvance();
|
|
9179
9167
|
i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
|
|
9180
|
-
i0.ɵɵadvance(
|
|
9168
|
+
i0.ɵɵadvance();
|
|
9181
9169
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
9182
9170
|
i0.ɵɵadvance();
|
|
9183
9171
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0, ctx.isControlInvalid("company_name")));
|
|
@@ -9199,7 +9187,7 @@ class CompanyComponent extends EditComponentBase {
|
|
|
9199
9187
|
}
|
|
9200
9188
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
|
|
9201
9189
|
type: Component,
|
|
9202
|
-
args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card classes='card-
|
|
9190
|
+
args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card classes='card-outline card-primary'>\r\n <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n <anatoly-card-body [formGroup]='formGroup' >\r\n <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n <label>Name</label>\r\n <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n <anatoly-item-validation-summary controlName='company_name'\r\n controlTitle='Company Name'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n <label>Phone</label>\r\n <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n <anatoly-item-validation-summary controlName='company_phone'\r\n controlTitle='Company Phone'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n <label>Email</label>\r\n <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n <anatoly-item-validation-summary controlName='company_email'\r\n controlTitle='Company Email'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n <label>Website Url</label>\r\n <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n class='form-control' formControlName='company_websiteUrl'>\r\n <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n controlTitle='Company website url'\r\n [formGroup]='formGroup'\r\n [formSubmitted]='formSubmitted'>\r\n </anatoly-item-validation-summary>\r\n </div>\r\n </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
|
|
9203
9191
|
}], () => [{ type: i2.FormBuilder }], { company: [{
|
|
9204
9192
|
type: Input
|
|
9205
9193
|
}] }); })();
|