ngx-wapp-components 1.0.74 → 1.0.76
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/esm2020/lib/maps/w-maps/w-maps.component.mjs +10 -3
- package/esm2020/lib/shared/models/customer-address.model.mjs +2 -0
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +29 -23
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +29 -23
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/maps/w-maps/w-maps.component.d.ts +4 -1
- package/lib/shared/models/customer-address.model.d.ts +10 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -4098,6 +4098,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
4098
4098
|
args: ['checkboxState']
|
|
4099
4099
|
}] } });
|
|
4100
4100
|
|
|
4101
|
+
class WViewTextComponent {
|
|
4102
|
+
constructor() {
|
|
4103
|
+
this.layout = 'horizontal';
|
|
4104
|
+
}
|
|
4105
|
+
}
|
|
4106
|
+
WViewTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WViewTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4107
|
+
WViewTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WViewTextComponent, selector: "w-view-text", inputs: { label: "label", value: "value", layout: "layout" }, ngImport: i0, template: "<div *ngIf=\"layout == 'horizontal'; else vertical\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> {{value}} </p>\r\n </div>\r\n</div>\r\n<ng-template #vertical>\r\n <div class=\"p-fluid field\">\r\n <div class=\"w-view-text-label\">\r\n <p class=\"caption w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"w-view-text-value\">\r\n <p class=\"body\"> {{value}} </p>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-view-text-label{height:36px;padding:4px 0}.w-view-text-label-color{color:#bdc1c6}.w-view-text-value{height:40px;padding:4px 0}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WViewTextComponent, decorators: [{
|
|
4109
|
+
type: Component,
|
|
4110
|
+
args: [{ selector: 'w-view-text', template: "<div *ngIf=\"layout == 'horizontal'; else vertical\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> {{value}} </p>\r\n </div>\r\n</div>\r\n<ng-template #vertical>\r\n <div class=\"p-fluid field\">\r\n <div class=\"w-view-text-label\">\r\n <p class=\"caption w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"w-view-text-value\">\r\n <p class=\"body\"> {{value}} </p>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-view-text-label{height:36px;padding:4px 0}.w-view-text-label-color{color:#bdc1c6}.w-view-text-value{height:40px;padding:4px 0}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
4111
|
+
}], propDecorators: { label: [{
|
|
4112
|
+
type: Input,
|
|
4113
|
+
args: ['label']
|
|
4114
|
+
}], value: [{
|
|
4115
|
+
type: Input,
|
|
4116
|
+
args: ['value']
|
|
4117
|
+
}], layout: [{
|
|
4118
|
+
type: Input,
|
|
4119
|
+
args: ['layout']
|
|
4120
|
+
}] } });
|
|
4121
|
+
|
|
4101
4122
|
class WMapsComponent {
|
|
4102
4123
|
constructor(render) {
|
|
4103
4124
|
this.render = render;
|
|
@@ -4205,10 +4226,10 @@ class WMapsComponent {
|
|
|
4205
4226
|
}
|
|
4206
4227
|
}
|
|
4207
4228
|
WMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4208
|
-
WMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WMapsComponent, selector: "w-maps", inputs: { isEdit: "isEdit", mapHeight: "mapHeight", showMap: "showMap", showMapButton: "showMapButton", smallSearchInput: "smallSearchInput", showMapLabel: "showMapLabel", hideMapLabel: "hideMapLabel", componentRestrictions: "componentRestrictions", initialCoords: "initialCoords", streetAddress: "streetAddress" }, outputs: { addressVerbose: "addressVerbose" }, viewQueries: [{ propertyName: "searchField", first: true, predicate: ["mapSearchField"], descendants: true }, { propertyName: "divMap", first: true, predicate: ["divMap"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!isEdit\" class=\"col-5 flex align-items-center flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n <div [hidden]=\"!isEdit\" [class.col-7]=\"showMapButton\" [class.w-full]=\"!showMapButton\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <input type=\"text\" \r\n
|
|
4229
|
+
WMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WMapsComponent, selector: "w-maps", inputs: { isEdit: "isEdit", mapHeight: "mapHeight", showMap: "showMap", showMapButton: "showMapButton", smallSearchInput: "smallSearchInput", showMapLabel: "showMapLabel", hideMapLabel: "hideMapLabel", componentRestrictions: "componentRestrictions", initialCoords: "initialCoords", streetAddress: "streetAddress", address: "address", label: "label" }, outputs: { addressVerbose: "addressVerbose" }, viewQueries: [{ propertyName: "searchField", first: true, predicate: ["mapSearchField"], descendants: true }, { propertyName: "divMap", first: true, predicate: ["divMap"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!isEdit\" class=\"col-5 flex align-items-center flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n <div [hidden]=\"!isEdit\" [class.col-7]=\"showMapButton\" [class.w-full]=\"!showMapButton\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\" *ngIf=\"initialCoords || initialCoords.latitude && initialCoords.longitude\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.w-maps-input-text-small:-moz-placeholder,.w-maps-input-text-small:-ms-input-placeholder,.w-maps-input-text-small::-moz-placeholder,.w-maps-input-text-small::-webkit-input-placeholder,.input-generic-small,.w-maps-input-text-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,.w-maps-input-text-medium:-moz-placeholder,.w-maps-input-text-medium:-ms-input-placeholder,.w-maps-input-text-medium::-moz-placeholder,.w-maps-input-text-medium::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic,.w-maps-input-text-medium{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,.w-maps-input-text-small:-moz-placeholder,.w-maps-input-text-small:-ms-input-placeholder,.w-maps-input-text-small::-moz-placeholder,.w-maps-input-text-small::-webkit-input-placeholder{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-maps-input-text-padding{padding-bottom:12px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{font-weight:600;border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i2.InputText, selector: "[pInputText]" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "layout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4209
4230
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, decorators: [{
|
|
4210
4231
|
type: Component,
|
|
4211
|
-
args: [{ selector: 'w-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!isEdit\" class=\"col-5 flex align-items-center flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n <div [hidden]=\"!isEdit\" [class.col-7]=\"showMapButton\" [class.w-full]=\"!showMapButton\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <input type=\"text\" \r\n
|
|
4232
|
+
args: [{ selector: 'w-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!isEdit\" class=\"col-5 flex align-items-center flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n <div [hidden]=\"!isEdit\" [class.col-7]=\"showMapButton\" [class.w-full]=\"!showMapButton\" [class.w-maps-input-text-padding]=\"showMap\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\" *ngIf=\"initialCoords || initialCoords.latitude && initialCoords.longitude\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.w-maps-input-text-small:-moz-placeholder,.w-maps-input-text-small:-ms-input-placeholder,.w-maps-input-text-small::-moz-placeholder,.w-maps-input-text-small::-webkit-input-placeholder,.input-generic-small,.w-maps-input-text-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,.w-maps-input-text-medium:-moz-placeholder,.w-maps-input-text-medium:-ms-input-placeholder,.w-maps-input-text-medium::-moz-placeholder,.w-maps-input-text-medium::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic,.w-maps-input-text-medium{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,.w-maps-input-text-small:-moz-placeholder,.w-maps-input-text-small:-ms-input-placeholder,.w-maps-input-text-small::-moz-placeholder,.w-maps-input-text-small::-webkit-input-placeholder{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-maps-input-text-padding{padding-bottom:12px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{font-weight:600;border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
4212
4233
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { searchField: [{
|
|
4213
4234
|
type: ViewChild,
|
|
4214
4235
|
args: ['mapSearchField']
|
|
@@ -4245,6 +4266,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
4245
4266
|
}], streetAddress: [{
|
|
4246
4267
|
type: Input,
|
|
4247
4268
|
args: ['streetAddress']
|
|
4269
|
+
}], address: [{
|
|
4270
|
+
type: Input,
|
|
4271
|
+
args: ['address']
|
|
4272
|
+
}], label: [{
|
|
4273
|
+
type: Input,
|
|
4274
|
+
args: ['label']
|
|
4248
4275
|
}], addressVerbose: [{
|
|
4249
4276
|
type: Output,
|
|
4250
4277
|
args: ['addressVerbose']
|
|
@@ -4612,27 +4639,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
4612
4639
|
args: ['buttonClick']
|
|
4613
4640
|
}] } });
|
|
4614
4641
|
|
|
4615
|
-
class WViewTextComponent {
|
|
4616
|
-
constructor() {
|
|
4617
|
-
this.layout = 'horizontal';
|
|
4618
|
-
}
|
|
4619
|
-
}
|
|
4620
|
-
WViewTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WViewTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4621
|
-
WViewTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WViewTextComponent, selector: "w-view-text", inputs: { label: "label", value: "value", layout: "layout" }, ngImport: i0, template: "<div *ngIf=\"layout == 'horizontal'; else vertical\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> {{value}} </p>\r\n </div>\r\n</div>\r\n<ng-template #vertical>\r\n <div class=\"p-fluid field\">\r\n <div class=\"w-view-text-label\">\r\n <p class=\"caption w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"w-view-text-value\">\r\n <p class=\"body\"> {{value}} </p>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-view-text-label{height:36px;padding:4px 0}.w-view-text-label-color{color:#bdc1c6}.w-view-text-value{height:40px;padding:4px 0}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WViewTextComponent, decorators: [{
|
|
4623
|
-
type: Component,
|
|
4624
|
-
args: [{ selector: 'w-view-text', template: "<div *ngIf=\"layout == 'horizontal'; else vertical\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> {{value}} </p>\r\n </div>\r\n</div>\r\n<ng-template #vertical>\r\n <div class=\"p-fluid field\">\r\n <div class=\"w-view-text-label\">\r\n <p class=\"caption w-view-text-label-color\"> {{label}} </p>\r\n </div>\r\n <div class=\"w-view-text-value\">\r\n <p class=\"body\"> {{value}} </p>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-view-text-label{height:36px;padding:4px 0}.w-view-text-label-color{color:#bdc1c6}.w-view-text-value{height:40px;padding:4px 0}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
4625
|
-
}], propDecorators: { label: [{
|
|
4626
|
-
type: Input,
|
|
4627
|
-
args: ['label']
|
|
4628
|
-
}], value: [{
|
|
4629
|
-
type: Input,
|
|
4630
|
-
args: ['value']
|
|
4631
|
-
}], layout: [{
|
|
4632
|
-
type: Input,
|
|
4633
|
-
args: ['layout']
|
|
4634
|
-
}] } });
|
|
4635
|
-
|
|
4636
4642
|
class WappComponentsModule {
|
|
4637
4643
|
}
|
|
4638
4644
|
WappComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WappComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|