@sedeh/into-pipes
Version:
Have you ever wanted to transform data in different parts of your application into interactive objects without writing a single line of code?
88 lines • 13.7 kB
JavaScript
import { Component, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AddressComponent {
constructor() {
this.disabled = false;
this.active = true;
this.validate = (item, newValue) => true;
this.onIntoComponentChange = new EventEmitter();
}
static settingsPatterns() {
return ['address:true:false', 'address:true:true']; //link, target
}
transform(source, data, args) {
this.source = source;
this.isLink = (args && args.length && args[0].length) ? args[0] === 'true' : true;
this.hasTarget = (args && args.length > 1 && args[1].length) ? args[1] === 'true' : false;
this.addr1 = source.street + ', ' + source.suite;
this.addr2 = source.city + ', ' + source.zipcode;
if (this.isLink) {
const x = "https://maps.google.com/?q=" + source.street + ", " + this.addr2 + "&ie=UTF-8";
this.url = x.replace("\\s+", "+");
}
}
keyup(event) {
const code = event.which;
event.stopPropagation();
event.preventDefault();
if (code === 13 && !this.disabled) {
event.target.click();
}
}
change(event) {
event.stopPropagation();
event.preventDefault();
if (!this.disabled) {
this.onIntoComponentChange.emit({
id: this.id,
name: this.name,
value: this.source,
item: event.type
});
}
}
}
AddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddressComponent, selector: "address-component", ngImport: i0, template: `
<a *ngIf="isLink"
[href]="disabled ? null : url"
[target]="!disabled && hasTarget ? '_blank' : null"
class="google-map {{disabled ? 'disabled':''}}"
tabindex="{{active ? 0 : -1}}"
(keyup)='keyup($event)'
(click)="change($event)">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<span class="off-screen">View in google map</span>
<span class="address" [textContent]="addr1"></span>
<span class="address" [textContent]="addr2"></span>
</a>
<span *ngIf="!isLink" class="google-map">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<span class="address" [textContent]="addr1"></span>
<span class="address" [textContent]="addr2"></span>
</span>
`, isInline: true, styles: [":host .address{float:left;margin-right:var(--sedeh-margin-right,5px)}:host .google-map{float:left;text-decoration:none;margin-right:var(--sedeh-margin-right,5px)}:host .fa{float:left;margin:var(--sedeh-margin, 0 5px)}:host .off-screen{position:absolute;left:-999em}:host a:hover,a:hover .fa-map-marker{opacity:var(--sedeh-hover-opacity, .5)}:host a:focus{outline:none}:host a:focus .fa{zoom:1.1;right:var(--sedeh-shift-right, 0);position:relative;color:var(--sedeh-focus-color, darkblue)}:host a.disabled:hover .fa-map-marker{color:var(--sedeh-disabled-color, #888)}:host a.disabled{color:var(--sedeh-disabled-color,#888);cursor:default;text-decoration:none}:host span{float:left}:host{display:table;float:left;min-height:var(--sedeh-min-height, 25px)}@media print{:host{text-decoration:none}:host .fa-map-marker{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddressComponent, decorators: [{
type: Component,
args: [{ selector: 'address-component', template: `
<a *ngIf="isLink"
[href]="disabled ? null : url"
[target]="!disabled && hasTarget ? '_blank' : null"
class="google-map {{disabled ? 'disabled':''}}"
tabindex="{{active ? 0 : -1}}"
(keyup)='keyup($event)'
(click)="change($event)">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<span class="off-screen">View in google map</span>
<span class="address" [textContent]="addr1"></span>
<span class="address" [textContent]="addr2"></span>
</a>
<span *ngIf="!isLink" class="google-map">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<span class="address" [textContent]="addr1"></span>
<span class="address" [textContent]="addr2"></span>
</span>
`, styles: [":host .address{float:left;margin-right:var(--sedeh-margin-right,5px)}:host .google-map{float:left;text-decoration:none;margin-right:var(--sedeh-margin-right,5px)}:host .fa{float:left;margin:var(--sedeh-margin, 0 5px)}:host .off-screen{position:absolute;left:-999em}:host a:hover,a:hover .fa-map-marker{opacity:var(--sedeh-hover-opacity, .5)}:host a:focus{outline:none}:host a:focus .fa{zoom:1.1;right:var(--sedeh-shift-right, 0);position:relative;color:var(--sedeh-focus-color, darkblue)}:host a.disabled:hover .fa-map-marker{color:var(--sedeh-disabled-color, #888)}:host a.disabled{color:var(--sedeh-disabled-color,#888);cursor:default;text-decoration:none}:host span{float:left}:host{display:table;float:left;min-height:var(--sedeh-min-height, 25px)}@media print{:host{text-decoration:none}:host .fa-map-marker{display:none}}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnRvLXBpcGVzL3NyYy9saWIvYWRkcmVzcy9hZGRyZXNzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBNkN4RCxNQUFNLE9BQU8sZ0JBQWdCO0lBMUM3QjtRQW1ESSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDZCxhQUFRLEdBQUcsQ0FBQyxJQUFTLEVBQUUsUUFBYSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUM7UUFFakQsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQXVDM0M7SUFyQ0csTUFBTSxDQUFDLGdCQUFnQjtRQUNuQixPQUFPLENBQUMsb0JBQW9CLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGNBQWM7SUFDdEUsQ0FBQztJQUNELFNBQVMsQ0FBQyxNQUFXLEVBQUUsSUFBUyxFQUFFLElBQVc7UUFDekMsSUFBSSxDQUFDLE1BQU0sR0FBRSxNQUFNLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sR0FBRSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2hGLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDMUYsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxHQUFHLElBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2pELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksR0FBRyxJQUFJLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUVqRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDYixNQUFNLENBQUMsR0FBRyw2QkFBNkIsR0FBRyxNQUFNLENBQUMsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFFLFdBQVcsQ0FBQztZQUN6RixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ3JDO0lBQ0wsQ0FBQztJQUNELEtBQUssQ0FBQyxLQUFVO1FBQ1osTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUN6QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBRXZCLElBQUksSUFBSSxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDL0IsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFDRCxNQUFNLENBQUMsS0FBVTtRQUNiLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQztnQkFDNUIsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFO2dCQUNYLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtnQkFDZixLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU07Z0JBQ2xCLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSTthQUNuQixDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7OzhHQW5EUSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix5REF4Q2Y7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWtCVDs0RkFzQlEsZ0JBQWdCO2tCQTFDNUIsU0FBUzsrQkFDSSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWtCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBpcGVDb21wb25lbnRJbnRlcmZhY2UgfSBmcm9tICcuLi9jb21tb24vcGlwZS5jb21wb25lbnQuaW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhZGRyZXNzLWNvbXBvbmVudCcsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgPGEgKm5nSWY9XCJpc0xpbmtcIiBcclxuICAgICAgICBbaHJlZl09XCJkaXNhYmxlZCA/IG51bGwgOiB1cmxcIiBcclxuICAgICAgICBbdGFyZ2V0XT1cIiFkaXNhYmxlZCAmJiBoYXNUYXJnZXQgPyAnX2JsYW5rJyA6IG51bGxcIlxyXG4gICAgICAgIGNsYXNzPVwiZ29vZ2xlLW1hcCB7e2Rpc2FibGVkID8gJ2Rpc2FibGVkJzonJ319XCIgXHJcbiAgICAgICAgdGFiaW5kZXg9XCJ7e2FjdGl2ZSA/IDAgOiAtMX19XCJcclxuICAgICAgICAoa2V5dXApPSdrZXl1cCgkZXZlbnQpJyBcclxuICAgICAgICAoY2xpY2spPVwiY2hhbmdlKCRldmVudClcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImZhIGZhLW1hcC1tYXJrZXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvZmYtc2NyZWVuXCI+VmlldyBpbiBnb29nbGUgbWFwPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWRkcmVzc1wiIFt0ZXh0Q29udGVudF09XCJhZGRyMVwiPjwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImFkZHJlc3NcIiBbdGV4dENvbnRlbnRdPVwiYWRkcjJcIj48L3NwYW4+XHJcbiAgICA8L2E+XHJcbiAgICA8c3BhbiAqbmdJZj1cIiFpc0xpbmtcIiBjbGFzcz1cImdvb2dsZS1tYXBcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImZhIGZhLW1hcC1tYXJrZXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJhZGRyZXNzXCIgW3RleHRDb250ZW50XT1cImFkZHIxXCI+PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWRkcmVzc1wiIFt0ZXh0Q29udGVudF09XCJhZGRyMlwiPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIGAsXHJcbiAgICBzdHlsZXM6IFtcclxuICAgICAgICBgOmhvc3QgLmFkZHJlc3Mge2Zsb2F0OiBsZWZ0O21hcmdpbi1yaWdodDogdmFyKC0tc2VkZWgtbWFyZ2luLXJpZ2h0LDVweCk7fVxyXG4gICAgICAgIDpob3N0IC5nb29nbGUtbWFwIHtmbG9hdDogbGVmdDt0ZXh0LWRlY29yYXRpb246IG5vbmU7bWFyZ2luLXJpZ2h0OiB2YXIoLS1zZWRlaC1tYXJnaW4tcmlnaHQsNXB4KTt9XHJcbiAgICAgICAgOmhvc3QgLmZhIHtmbG9hdDpsZWZ0O21hcmdpbjogdmFyKC0tc2VkZWgtbWFyZ2luLCAwIDVweCk7fVxyXG4gICAgICAgIDpob3N0IC5vZmYtc2NyZWVuIHtwb3NpdGlvbjogYWJzb2x1dGU7bGVmdDogLTk5OWVtO31cclxuICAgICAgICA6aG9zdCBhOmhvdmVyLCBhOmhvdmVyIC5mYS1tYXAtbWFya2Vye29wYWNpdHk6IHZhcigtLXNlZGVoLWhvdmVyLW9wYWNpdHksIDAuNSk7fVxyXG4gICAgICAgIDpob3N0IGE6Zm9jdXMge291dGxpbmU6IG5vbmV9XHJcbiAgICAgICAgOmhvc3QgYTpmb2N1cyAuZmF7em9vbTogMS4xO3JpZ2h0OiB2YXIoLS1zZWRlaC1zaGlmdC1yaWdodCwgMCk7cG9zaXRpb246IHJlbGF0aXZlO2NvbG9yOiB2YXIoLS1zZWRlaC1mb2N1cy1jb2xvciwgZGFya2JsdWUpO31cclxuICAgICAgICA6aG9zdCBhLmRpc2FibGVkOmhvdmVyIC5mYS1tYXAtbWFya2Vye2NvbG9yOiB2YXIoLS1zZWRlaC1kaXNhYmxlZC1jb2xvciwgIzg4OCk7fVxyXG4gICAgICAgIDpob3N0IGEuZGlzYWJsZWR7Y29sb3I6IHZhcigtLXNlZGVoLWRpc2FibGVkLWNvbG9yLCM4ODgpO2N1cnNvcjpkZWZhdWx0O3RleHQtZGVjb3JhdGlvbjogbm9uZTt9XHJcbiAgICAgICAgOmhvc3Qgc3BhbntmbG9hdDogbGVmdDt9XHJcbiAgICAgICAgOmhvc3Qge2Rpc3BsYXk6IHRhYmxlO2Zsb2F0OmxlZnQ7bWluLWhlaWdodDogdmFyKC0tc2VkZWgtbWluLWhlaWdodCwgMjVweCl9XHJcbiAgICAgICAgQG1lZGlhIHByaW50IHtcclxuICAgICAgICAgICAgOmhvc3Qge1xyXG4gICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDpob3N0IC5mYS1tYXAtbWFya2VyIHtkaXNwbGF5OiBub25lO31cclxuICAgICAgICB9XHJcbiAgICAgICAgYFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWRkcmVzc0NvbXBvbmVudCBpbXBsZW1lbnRzIFBpcGVDb21wb25lbnRJbnRlcmZhY2Uge1xyXG4gICAgdXJsITogc3RyaW5nO1xyXG4gICAgc291cmNlITogc3RyaW5nO1xyXG4gICAgaWQhOiBzdHJpbmc7XHJcbiAgICBpc0xpbmshOiBib29sZWFuO1xyXG5cdG5hbWUhOiBzdHJpbmc7XHJcbiAgICBhZGRyMSE6IHN0cmluZztcclxuICAgIGFkZHIyITogc3RyaW5nO1xyXG4gICAgaGFzVGFyZ2V0ITogYm9vbGVhbjtcclxuICAgIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgICBhY3RpdmUgPSB0cnVlO1xyXG4gICAgdmFsaWRhdGUgPSAoaXRlbTogYW55LCBuZXdWYWx1ZTogYW55KSA9PiB0cnVlO1xyXG5cclxuXHRvbkludG9Db21wb25lbnRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gICAgc3RhdGljIHNldHRpbmdzUGF0dGVybnMoKSB7XHJcbiAgICAgICAgcmV0dXJuIFsnYWRkcmVzczp0cnVlOmZhbHNlJywgJ2FkZHJlc3M6dHJ1ZTp0cnVlJ107IC8vbGluaywgdGFyZ2V0XHJcbiAgICB9XHJcbiAgICB0cmFuc2Zvcm0oc291cmNlOiBhbnksIGRhdGE6IGFueSwgYXJnczogYW55W10pIHtcclxuICAgICAgICB0aGlzLnNvdXJjZT0gc291cmNlO1xyXG4gICAgICAgIHRoaXMuaXNMaW5rPSAoYXJncyAmJiBhcmdzLmxlbmd0aCAmJiBhcmdzWzBdLmxlbmd0aCkgPyBhcmdzWzBdPT09ICd0cnVlJyA6IHRydWU7XHJcbiAgICAgICAgdGhpcy5oYXNUYXJnZXQgPSAoYXJncyAmJiBhcmdzLmxlbmd0aCA+IDEgJiYgYXJnc1sxXS5sZW5ndGgpID8gYXJnc1sxXSA9PT0gJ3RydWUnIDogZmFsc2U7XHJcbiAgICAgICAgdGhpcy5hZGRyMSA9IHNvdXJjZS5zdHJlZXQgKyAnLCAnICsgc291cmNlLnN1aXRlO1xyXG4gICAgICAgIHRoaXMuYWRkcjIgPSBzb3VyY2UuY2l0eSArICcsICcgKyBzb3VyY2UuemlwY29kZTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuaXNMaW5rKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHggPSBcImh0dHBzOi8vbWFwcy5nb29nbGUuY29tLz9xPVwiICsgc291cmNlLnN0cmVldCArIFwiLCBcIiArIHRoaXMuYWRkcjIgK1wiJmllPVVURi04XCI7XHJcbiAgICAgICAgICAgIHRoaXMudXJsID0geC5yZXBsYWNlKFwiXFxcXHMrXCIsIFwiK1wiKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBrZXl1cChldmVudDogYW55KSB7XHJcbiAgICAgICAgY29uc3QgY29kZSA9IGV2ZW50LndoaWNoO1xyXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBcclxuICAgICAgICBpZiAoY29kZSA9PT0gMTMgJiYgIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgZXZlbnQudGFyZ2V0LmNsaWNrKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgY2hhbmdlKGV2ZW50OiBhbnkpIHtcclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cclxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5vbkludG9Db21wb25lbnRDaGFuZ2UuZW1pdCh7XHJcbiAgICAgICAgICAgICAgICBpZDogdGhpcy5pZCxcclxuICAgICAgICAgICAgICAgIG5hbWU6IHRoaXMubmFtZSxcclxuICAgICAgICAgICAgICAgIHZhbHVlOiB0aGlzLnNvdXJjZSxcclxuICAgICAgICAgICAgICAgIGl0ZW06IGV2ZW50LnR5cGVcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==