@agorapulse/ui-components 0.0.1

package/esm2015/src/lib/phone-number-input/phone-number-input.component.js

@@ -0,0 +1,123 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
+export class PhoneNumberInputComponent {
+    constructor() {
+        this.changePhoneNumber = new EventEmitter();
+        this.changePhoneNumberCode = new EventEmitter();
+        this.currentPhoneNumberCode = '';
+        this.currentPhoneNumber = '';
+        this.codeValid = false;
+        this.numberValid = false;
+        this.valid = false;
+        this.onTouched = () => { };
+        this.onChanged = () => { };
+    }
+    set phoneNumber(phoneNumber) {
+        this.updatePhone(undefined, phoneNumber, false);
+    }
+    set phoneNumberCode(phoneNumberCode) {
+        this.updatePhone(phoneNumberCode, undefined, false);
+    }
+    ngOnChanges(changes) {
+        this.checkValidation();
+    }
+    ngOnInit() {
+        this.checkValidation();
+    }
+    filterChars(event) {
+        const pattern = /[0-9]/;
+        const inputChar = String.fromCharCode(event.charCode);
+        if (!pattern.test(inputChar)) {
+            event.preventDefault();
+        }
+    }
+    onChangePhoneNumberCode(code) {
+        this.updatePhone(code, undefined);
+    }
+    onChangePhoneNumber(phoneNumber) {
+        this.updatePhone(undefined, phoneNumber);
+    }
+    updatePhone(code, phoneNumber, emitOnChange = true) {
+        let updated = false;
+        if (code !== undefined && code !== this.currentPhoneNumberCode) {
+            this.currentPhoneNumberCode = code;
+            this.changePhoneNumberCode.emit(code);
+            updated = true;
+        }
+        if (phoneNumber !== undefined && phoneNumber !== this.currentPhoneNumber) {
+            this.currentPhoneNumber = phoneNumber;
+            this.changePhoneNumber.emit(phoneNumber);
+            updated = true;
+        }
+        if (updated) {
+            this.checkValidation();
+            if (emitOnChange) {
+                this.onChanged({
+                    phoneNumber: this.currentPhoneNumber,
+                    phoneNumberCode: this.currentPhoneNumberCode
+                });
+            }
+        }
+    }
+    registerOnChange(fn) {
+        this.onChanged = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    validate(control) {
+        return (!this.required || this.valid) ? null : { phoneNumber: 'invalid' };
+    }
+    writeValue(phone) {
+        if (!phone) {
+            this.updatePhone('', '', false);
+        }
+        else if ('phoneNumber' in phone && 'phoneNumberCode' in phone) {
+            this.updatePhone(phone.phoneNumberCode, phone.phoneNumber, false);
+        }
+        else {
+            console.error('Phone number input ignored, wrong format: ' + JSON.stringify(phone));
+        }
+    }
+    phoneNumberCodeSearchFn(term, item) {
+        term = term.toLocaleLowerCase();
+        return item.countryName.toLocaleLowerCase().indexOf(term) > -1 || item.phoneNumberCode.toLocaleLowerCase().indexOf(term) > -1;
+    }
+    checkValidation() {
+        this.codeValid = !this.required || (this.currentPhoneNumberCode && this.currentPhoneNumberCode.length > 0);
+        this.numberValid = !this.required || (this.currentPhoneNumber && this.currentPhoneNumber.length > 0);
+        this.valid = this.codeValid && this.numberValid;
+    }
+}
+PhoneNumberInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ap-phone-number-input',
+                template: "<div class=\"main-container\">\n    <ng-select\n        #phoneNumberCodeInput=\"ngModel\"\n        name=\"phoneNumberCodeInput\"\n        class=\"phone-select\"\n        [ngClass]=\"{ 'invalid': (!codeValid) && (submitted || phoneNumberCodeInput.touched), 'valid' : statusOk && codeValid && phoneNumberCodeInput.touched}\"\n        [items]=\"phoneNumberInfos\"\n        bindLabel=\"countryName\"\n        bindValue=\"phoneNumberCode\"\n        [clearable]=\"false\"\n        [searchable]=\"true\"\n        [searchFn]=\"phoneNumberCodeSearchFn\"\n        (ngModelChange)=\"onChangePhoneNumberCode($event)\"\n        (focusin)=\"this.onTouched()\"\n        [ngModel]=\"currentPhoneNumberCode\">\n        <ng-template\n            ng-label-tmp\n            let-item=\"item\">\n            <div\n                *ngIf=\"item && item.countryCode\"\n                class=\"flag\">\n                <img *ngIf=\"!!flagsBucketUrl\" [src]=\"flagsBucketUrl+'/' + item.countryCode.toUpperCase() + '.png'\" width=\"24\" alt=\"flag\">\n                <span *ngIf=\"!flagsBucketUrl\">{{ item.countryCode }}</span>\n            </div>\n        </ng-template>\n        <ng-template\n            ng-option-tmp\n            let-item=\"item\">\n            <div> {{ item.countryName }} - {{item.phoneNumberCode}}</div>\n        </ng-template>\n    </ng-select>\n    <div\n        class=\"code-container\"\n        [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n        <span *ngIf=\"currentPhoneNumberCode\">\n            ({{currentPhoneNumberCode}})\n        </span>\n    </div>\n    <div\n        class=\"separator-container\"\n        [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n        <div class=\"separator\"></div>\n    </div>\n    <div\n        class=\"input-wrapper\"\n        [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched}\">\n        <input\n            #phoneNumberInput=\"ngModel\"\n            name=\"phoneNumberInput\"\n            type=\"tel\"\n            data-recurly=\"phone\"\n            class=\"flex-2 phone-field\"\n            [ngModel]=\"currentPhoneNumber\"\n            (keypress)=\"filterChars($event)\"\n            (ngModelChange)=\"onChangePhoneNumber($event)\"\n            (focusin)=\"onTouched()\">\n    </div>\n</div>\n<div class=\"form-field-message invalid\"\n     [hidden]=\"!(!valid && (submitted || phoneNumberInput.touched))\">\n    {{ requiredLabel }}\n</div>\n",
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => PhoneNumberInputComponent),
+                        multi: true
+                    },
+                    {
+                        provide: NG_VALIDATORS,
+                        useExisting: forwardRef(() => PhoneNumberInputComponent),
+                        multi: true
+                    }
+                ],
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.main-container{display:flex}.main-container div.code-container{border-top:1px solid #d6dae0;border-left:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-right-width:0;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#344563;flex:1 0 auto;display:flex;font-weight:400;font-size:14px;justify-content:center;margin-left:8px;min-width:32px;padding:8px 0 8px 16px;text-align:center;background-color:#fff}.main-container div.code-container.invalid{border-top-color:#e81313;border-left-color:#e81313;border-bottom-color:#e81313}.main-container div.code-container.valid{border-top-color:#45b854;border-left-color:#45b854;border-bottom-color:#45b854}.main-container div.code-container span{margin-top:auto;margin-bottom:auto}.main-container div.separator-container{display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:#fff;border-bottom:1px solid #d6dae0;border-top:1px solid #d6dae0;min-height:30px;padding-right:8px;padding-left:6px;width:4px}.main-container div.separator-container.invalid{border-bottom-color:#e81313;border-top-color:#e81313}.main-container div.separator-container.valid{border-bottom-color:#45b854;border-top-color:#45b854}.main-container div.separator-container div.separator{border-right:1px solid #f5f5f7;height:16px}.main-container .input-wrapper{background-color:#fff;border-top:1px solid #d6dae0;border-right:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-left-width:0;border-radius:0 4px 4px 0;padding:8px 0;width:100%}.main-container .input-wrapper.invalid{border-bottom-color:#e81313;border-top-color:#e81313;border-right-color:#e81313}.main-container .input-wrapper.valid{border-bottom-color:#45b854;border-top-color:#45b854;border-right-color:#45b854}.main-container .input-wrapper input.phone-field{border:none;color:#344563;font-style:normal;font-weight:400;font-size:14px;height:100%;padding:0;width:inherit}.main-container .phone-select{flex:1 0 auto;width:70px}.main-container .phone-select ::ng-deep .ng-input{padding:2px 16px}.main-container .phone-select ::ng-deep .ng-dropdown-panel{width:auto}.main-container .phone-select .flag{display:flex}"]
+            },] }
+];
+PhoneNumberInputComponent.propDecorators = {
+    flagsBucketUrl: [{ type: Input }],
+    phoneNumberInfos: [{ type: Input }],
+    phoneNumber: [{ type: Input }],
+    phoneNumberCode: [{ type: Input }],
+    required: [{ type: Input }],
+    requiredLabel: [{ type: Input }],
+    submitted: [{ type: Input }],
+    statusOk: [{ type: Input }],
+    changePhoneNumber: [{ type: Output }],
+    changePhoneNumberCode: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3Bob25lLW51bWJlci1pbnB1dC9waG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBR0wsTUFBTSxFQUdULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFHSCxhQUFhLEVBQ2IsaUJBQWlCLEVBR3BCLE1BQU0sZ0JBQWdCLENBQUM7QUE4QnhCLE1BQU0sT0FBTyx5QkFBeUI7SUFqQnRDO1FBZ0NjLHNCQUFpQixHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3JFLDBCQUFxQixHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRW5GLDJCQUFzQixHQUFHLEVBQUUsQ0FBQztRQUM1Qix1QkFBa0IsR0FBRyxFQUFFLENBQUM7UUFFeEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBRVAsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUVqQyxjQUFTLEdBQXlCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQW1GdEQsQ0FBQztJQTFHRyxJQUFhLFdBQVcsQ0FBQyxXQUFtQjtRQUN4QyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUNELElBQWEsZUFBZSxDQUFDLGVBQXVCO1FBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBb0JELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFZO1FBQ3BCLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQztRQUN4QixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFFLEtBQXVCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDMUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzFCO0lBQ0wsQ0FBQztJQUVELHVCQUF1QixDQUFDLElBQVk7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELG1CQUFtQixDQUFDLFdBQW1CO1FBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTyxXQUFXLENBQUMsSUFBWSxFQUFFLFdBQW1CLEVBQUUsZUFBd0IsSUFBSTtRQUMvRSxJQUFJLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxJQUFJLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDNUQsSUFBSSxDQUFDLHNCQUFzQixHQUFHLElBQUksQ0FBQztZQUNuQyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3RDLE9BQU8sR0FBRyxJQUFJLENBQUM7U0FDbEI7UUFDRCxJQUFJLFdBQVcsS0FBSyxTQUFTLElBQUksV0FBVyxLQUFLLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUN0RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsV0FBVyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDekMsT0FBTyxHQUFHLElBQUksQ0FBQztTQUNsQjtRQUVELElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBRXZCLElBQUksWUFBWSxFQUFFO2dCQUNkLElBQUksQ0FBQyxTQUFTLENBQUM7b0JBQ1gsV0FBVyxFQUFFLElBQUksQ0FBQyxrQkFBa0I7b0JBQ3BDLGVBQWUsRUFBRSxJQUFJLENBQUMsc0JBQXNCO2lCQUMvQyxDQUFDLENBQUM7YUFDTjtTQUNKO0lBQ0wsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3JDLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsT0FBd0I7UUFDN0IsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBQyxXQUFXLEVBQUUsU0FBUyxFQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFtQjtRQUMxQixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ25DO2FBQU0sSUFBSSxhQUFhLElBQUksS0FBSyxJQUFJLGlCQUFpQixJQUFJLEtBQUssRUFBRTtZQUM3RCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUNyRTthQUFNO1lBQ0gsT0FBTyxDQUFDLEtBQUssQ0FBQyw0Q0FBNEMsR0FBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDeEY7SUFDTCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsSUFBWSxFQUFFLElBQVM7UUFDM0MsSUFBSSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLGlCQUFpQixFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ2xJLENBQUM7SUFFTyxlQUFlO1FBQ25CLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLHNCQUFzQixJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDM0csSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNyRyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUNwRCxDQUFDOzs7WUE5SEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLHVwRkFBZ0Q7Z0JBRWhELFNBQVMsRUFBRTtvQkFDUDt3QkFDSSxPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO3dCQUN4RCxLQUFLLEVBQUUsSUFBSTtxQkFDZDtvQkFDRDt3QkFDSSxPQUFPLEVBQUUsYUFBYTt3QkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQzt3QkFDeEQsS0FBSyxFQUFFLElBQUk7cUJBQ2Q7aUJBQ0o7O2FBQ0o7Ozs2QkFHSSxLQUFLOytCQUNMLEtBQUs7MEJBQ0wsS0FBSzs4QkFHTCxLQUFLO3VCQUdMLEtBQUs7NEJBQ0wsS0FBSzt3QkFDTCxLQUFLO3VCQUNMLEtBQUs7Z0NBRUwsTUFBTTtvQ0FDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0Q29udHJvbCxcbiAgICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICBOR19WQUxJREFUT1JTLFxuICAgIE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIFZhbGlkYXRpb25FcnJvcnMsXG4gICAgVmFsaWRhdG9yXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuZXhwb3J0IGludGVyZmFjZSBQaG9uZU51bWJlckluZm8ge1xuICAgIGNvdW50cnlDb2RlOiBzdHJpbmc7XG4gICAgY291bnRyeU5hbWU6IHN0cmluZztcbiAgICBwaG9uZU51bWJlckNvZGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQaG9uZSB7XG4gICAgcGhvbmVOdW1iZXI6IHN0cmluZztcbiAgICBwaG9uZU51bWJlckNvZGU6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1waG9uZS1udW1iZXItaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAncGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsncGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvbmVOdW1iZXJJbnB1dENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZVxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvbmVOdW1iZXJJbnB1dENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBQaG9uZU51bWJlcklucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3Ige1xuXG4gICAgQElucHV0KCkgZmxhZ3NCdWNrZXRVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBwaG9uZU51bWJlckluZm9zOiBQaG9uZU51bWJlckluZm9bXTtcbiAgICBASW5wdXQoKSBzZXQgcGhvbmVOdW1iZXIocGhvbmVOdW1iZXI6IHN0cmluZykge1xuICAgICAgICB0aGlzLnVwZGF0ZVBob25lKHVuZGVmaW5lZCwgcGhvbmVOdW1iZXIsIGZhbHNlKTtcbiAgICB9XG4gICAgQElucHV0KCkgc2V0IHBob25lTnVtYmVyQ29kZShwaG9uZU51bWJlckNvZGU6IHN0cmluZykge1xuICAgICAgICB0aGlzLnVwZGF0ZVBob25lKHBob25lTnVtYmVyQ29kZSwgdW5kZWZpbmVkLCBmYWxzZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHJlcXVpcmVkTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBzdWJtaXR0ZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgc3RhdHVzT2s6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgY2hhbmdlUGhvbmVOdW1iZXI6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQE91dHB1dCgpIGNoYW5nZVBob25lTnVtYmVyQ29kZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIGN1cnJlbnRQaG9uZU51bWJlckNvZGUgPSAnJztcbiAgICBjdXJyZW50UGhvbmVOdW1iZXIgPSAnJztcblxuICAgIGNvZGVWYWxpZCA9IGZhbHNlO1xuICAgIG51bWJlclZhbGlkID0gZmFsc2U7XG4gICAgdmFsaWQgPSBmYWxzZTtcblxuICAgIHB1YmxpYyBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHB1YmxpYyBvbkNoYW5nZWQ6ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hlY2tWYWxpZGF0aW9uKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hlY2tWYWxpZGF0aW9uKCk7XG4gICAgfVxuXG4gICAgZmlsdGVyQ2hhcnMoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHBhdHRlcm4gPSAvWzAtOV0vO1xuICAgICAgICBjb25zdCBpbnB1dENoYXIgPSBTdHJpbmcuZnJvbUNoYXJDb2RlKChldmVudCBhcyBLZXlib2FyZEV2ZW50KS5jaGFyQ29kZSk7XG4gICAgICAgIGlmICghcGF0dGVybi50ZXN0KGlucHV0Q2hhcikpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkNoYW5nZVBob25lTnVtYmVyQ29kZShjb2RlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy51cGRhdGVQaG9uZShjb2RlLCB1bmRlZmluZWQpO1xuICAgIH1cblxuICAgIG9uQ2hhbmdlUGhvbmVOdW1iZXIocGhvbmVOdW1iZXI6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLnVwZGF0ZVBob25lKHVuZGVmaW5lZCwgcGhvbmVOdW1iZXIpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlUGhvbmUoY29kZTogc3RyaW5nLCBwaG9uZU51bWJlcjogc3RyaW5nLCBlbWl0T25DaGFuZ2U6IGJvb2xlYW4gPSB0cnVlKTogdm9pZCB7XG4gICAgICAgIGxldCB1cGRhdGVkID0gZmFsc2U7XG4gICAgICAgIGlmIChjb2RlICE9PSB1bmRlZmluZWQgJiYgY29kZSAhPT0gdGhpcy5jdXJyZW50UGhvbmVOdW1iZXJDb2RlKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRQaG9uZU51bWJlckNvZGUgPSBjb2RlO1xuICAgICAgICAgICAgdGhpcy5jaGFuZ2VQaG9uZU51bWJlckNvZGUuZW1pdChjb2RlKTtcbiAgICAgICAgICAgIHVwZGF0ZWQgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmIChwaG9uZU51bWJlciAhPT0gdW5kZWZpbmVkICYmIHBob25lTnVtYmVyICE9PSB0aGlzLmN1cnJlbnRQaG9uZU51bWJlcikge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50UGhvbmVOdW1iZXIgPSBwaG9uZU51bWJlcjtcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlUGhvbmVOdW1iZXIuZW1pdChwaG9uZU51bWJlcik7XG4gICAgICAgICAgICB1cGRhdGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh1cGRhdGVkKSB7XG4gICAgICAgICAgICB0aGlzLmNoZWNrVmFsaWRhdGlvbigpO1xuXG4gICAgICAgICAgICBpZiAoZW1pdE9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5vbkNoYW5nZWQoe1xuICAgICAgICAgICAgICAgICAgICBwaG9uZU51bWJlcjogdGhpcy5jdXJyZW50UGhvbmVOdW1iZXIsXG4gICAgICAgICAgICAgICAgICAgIHBob25lTnVtYmVyQ29kZTogdGhpcy5jdXJyZW50UGhvbmVOdW1iZXJDb2RlXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlZCA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgICB9XG5cbiAgICB2YWxpZGF0ZShjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCB7XG4gICAgICAgIHJldHVybiAoIXRoaXMucmVxdWlyZWQgfHwgdGhpcy52YWxpZCkgPyBudWxsIDoge3Bob25lTnVtYmVyOiAnaW52YWxpZCd9O1xuICAgIH1cblxuICAgIHdyaXRlVmFsdWUocGhvbmU6IFBob25lIHwgbnVsbCk6IHZvaWQge1xuICAgICAgICBpZiAoIXBob25lKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVBob25lKCcnLCAnJywgZmFsc2UpO1xuICAgICAgICB9IGVsc2UgaWYgKCdwaG9uZU51bWJlcicgaW4gcGhvbmUgJiYgJ3Bob25lTnVtYmVyQ29kZScgaW4gcGhvbmUpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlUGhvbmUocGhvbmUucGhvbmVOdW1iZXJDb2RlLCBwaG9uZS5waG9uZU51bWJlciwgZmFsc2UpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignUGhvbmUgbnVtYmVyIGlucHV0IGlnbm9yZWQsIHdyb25nIGZvcm1hdDogJyAgKyBKU09OLnN0cmluZ2lmeShwaG9uZSkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcGhvbmVOdW1iZXJDb2RlU2VhcmNoRm4odGVybTogc3RyaW5nLCBpdGVtOiBhbnkpOiBib29sZWFuIHtcbiAgICAgICAgdGVybSA9IHRlcm0udG9Mb2NhbGVMb3dlckNhc2UoKTtcbiAgICAgICAgcmV0dXJuIGl0ZW0uY291bnRyeU5hbWUudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmRleE9mKHRlcm0pID4gLTEgfHwgaXRlbS5waG9uZU51bWJlckNvZGUudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmRleE9mKHRlcm0pID4gLTE7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGVja1ZhbGlkYXRpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29kZVZhbGlkID0gIXRoaXMucmVxdWlyZWQgfHwgKHRoaXMuY3VycmVudFBob25lTnVtYmVyQ29kZSAmJiB0aGlzLmN1cnJlbnRQaG9uZU51bWJlckNvZGUubGVuZ3RoID4gMCk7XG4gICAgICAgIHRoaXMubnVtYmVyVmFsaWQgPSAhdGhpcy5yZXF1aXJlZCB8fCAodGhpcy5jdXJyZW50UGhvbmVOdW1iZXIgJiYgdGhpcy5jdXJyZW50UGhvbmVOdW1iZXIubGVuZ3RoID4gMCk7XG4gICAgICAgIHRoaXMudmFsaWQgPSB0aGlzLmNvZGVWYWxpZCAmJiB0aGlzLm51bWJlclZhbGlkO1xuICAgIH1cbn1cbiJdfQ==

package/esm2015/src/lib/places/place-list.component.js

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+export class PlaceListComponent {
+}
+PlaceListComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-place-list',
+                template: "<div class=\"place-list\">\n    <ng-content></ng-content>\n</div>\n",
+                styles: [".place-list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:-4px;margin-right:-16px}"]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2UtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9wbGFjZXMvcGxhY2UtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFqRSxNQUFNLE9BQU8sa0JBQWtCOzs7WUFOOUIsU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUsZUFBZTtnQkFDekIsK0VBQTBDOzthQUU3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtcGxhY2UtbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BsYWNlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BsYWNlLWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQbGFjZUxpc3RDb21wb25lbnQge1xuXG59XG4iXX0=

package/esm2015/src/lib/places/place.component.js

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+export class PlaceComponent {
+}
+PlaceComponent.decorators = [
+    { type: Component, args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'ap-place',
+                template: "<div class=\"place\">\n    <ap-symbol\n        [symbolId]=\"service + '-official'\"\n        [size]=\"'micro'\">\n    </ap-symbol>\n    <ng-content></ng-content>\n</div>\n",
+                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.place{margin-right:16px;padding-bottom:4px;color:#344563;text-wrap:none;display:flex}.place ap-symbol{margin-right:8px}"]
+            },] }
+];
+PlaceComponent.propDecorators = {
+    service: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcGxhY2VzL3BsYWNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVF4RSxNQUFNLE9BQU8sY0FBYzs7O1lBTjFCLFNBQVMsU0FBQztnQkFDUCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLHVMQUFxQzs7YUFFeEM7OztzQkFHSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtcGxhY2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wbGFjZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGxhY2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQbGFjZUNvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBzZXJ2aWNlOiBzdHJpbmc7XG59XG4iXX0=

package/esm2015/src/lib/popmenu/options.js

@@ -0,0 +1,16 @@
+export const defaultOptions = {
+    'apPopmenuBorder': true,
+    'apPopmenuDisabled': false,
+    'apPopmenuBackground': true,
+    'hasBackdrop': true,
+    'placement': 'top',
+    'rounded': true,
+    'showDelay': 0,
+    'hideDelay': 10,
+    'hideDelayMobile': 0,
+    'shadow': true,
+    'theme': 'dark',
+    'offset': 8,
+    'maxWidth': '600',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3BvcG1lbnUvb3B0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUc7SUFDMUIsaUJBQWlCLEVBQUUsSUFBSTtJQUN2QixtQkFBbUIsRUFBRSxLQUFLO0lBQzFCLHFCQUFxQixFQUFFLElBQUk7SUFDM0IsYUFBYSxFQUFFLElBQUk7SUFDdEIsV0FBVyxFQUFFLEtBQUs7SUFDZixTQUFTLEVBQUcsSUFBSTtJQUNuQixXQUFXLEVBQUUsQ0FBQztJQUNkLFdBQVcsRUFBRSxFQUFFO0lBQ2YsaUJBQWlCLEVBQUUsQ0FBQztJQUNwQixRQUFRLEVBQUUsSUFBSTtJQUNkLE9BQU8sRUFBRSxNQUFNO0lBQ2YsUUFBUSxFQUFFLENBQUM7SUFDWCxVQUFVLEVBQUUsS0FBSztDQUNqQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGRlZmF1bHRPcHRpb25zID0ge1xuICAgICdhcFBvcG1lbnVCb3JkZXInOiB0cnVlLFxuICAgICdhcFBvcG1lbnVEaXNhYmxlZCc6IGZhbHNlLFxuICAgICdhcFBvcG1lbnVCYWNrZ3JvdW5kJzogdHJ1ZSxcbiAgICAnaGFzQmFja2Ryb3AnOiB0cnVlLFxuXHQncGxhY2VtZW50JzogJ3RvcCcsXG4gICAgJ3JvdW5kZWQnIDogdHJ1ZSxcblx0J3Nob3dEZWxheSc6IDAsXG5cdCdoaWRlRGVsYXknOiAxMCxcblx0J2hpZGVEZWxheU1vYmlsZSc6IDAsXG5cdCdzaGFkb3cnOiB0cnVlLFxuXHQndGhlbWUnOiAnZGFyaycsXG5cdCdvZmZzZXQnOiA4LFxuXHQnbWF4V2lkdGgnOiAnNjAwJyxcbn07XG4iXX0=

package/esm2015/src/lib/popmenu/popmenu-options.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wbWVudS1vcHRpb25zLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3BvcG1lbnUvcG9wbWVudS1vcHRpb25zLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBQb3BtZW51T3B0aW9ucyB7XG4gICAgJ2FwUG9wbWVudUJvcmRlcic/OiBib29sZWFuO1xuICAgICdhcFBvcG1lbnVEaXNhYmxlZCc/OiBib29sZWFuO1xuICAgICdhcFBvcG1lbnVCYWNrZ3JvdW5kJz86IGJvb2xlYW47XG4gICAgJ2Fycm93Jz86IGJvb2xlYW47XG4gICAgJ2Fycm93UG9zaXRpb24nPzogYm9vbGVhbjtcbiAgICAnYXJyb3dPZmZzZXQnPzogbnVtYmVyO1xuICAgICdoYXNCYWNrZHJvcCc/OiBib29sZWFuO1xuICAgICdwbGFjZW1lbnQnPzogc3RyaW5nO1xuICAgICdyb3VuZGVkJz86IGJvb2xlYW47XG4gICAgJ2RlbGF5Jz86IG51bWJlcjtcbiAgICAnc2hvdy1kZWxheSc/OiBudW1iZXI7XG4gICAgJ2hpZGUtZGVsYXknPzogbnVtYmVyO1xuICAgICd0cmlnZ2VyJz86IHN0cmluZztcbiAgICAnc2hhZG93Jz86IGJvb2xlYW47XG4gICAgJ3RoZW1lJz86IHN0cmluZztcbiAgICAnb2Zmc2V0Jz86IG51bWJlcjtcbiAgICAnd2lkdGgnPzogbnVtYmVyO1xuICAgICdtYXgtd2lkdGgnPzogbnVtYmVyO1xuICAgICdwb3NpdGlvbic/OiB7dG9wOiBudW1iZXIsIGxlZnQ6IG51bWJlcn07XG59XG4iXX0=

package/esm2015/src/lib/popmenu/popmenu-options.service.js

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * This is not a real service, but it looks like it from the outside.
+ * It's just an InjectionToken used to import the config (initOptions) object, provided from the outside
+ */
+export const PopmenuOptionsService = new InjectionToken('PopmenuOptions');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wbWVudS1vcHRpb25zLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9wb3BtZW51L3BvcG1lbnUtb3B0aW9ucy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHN0M7OztHQUdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxjQUFjLENBQWlCLGdCQUFnQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGlvblRva2VufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UG9wbWVudU9wdGlvbnN9IGZyb20gJy4vcG9wbWVudS1vcHRpb25zLmludGVyZmFjZSc7XG5cbi8qKlxuICogVGhpcyBpcyBub3QgYSByZWFsIHNlcnZpY2UsIGJ1dCBpdCBsb29rcyBsaWtlIGl0IGZyb20gdGhlIG91dHNpZGUuXG4gKiBJdCdzIGp1c3QgYW4gSW5qZWN0aW9uVG9rZW4gdXNlZCB0byBpbXBvcnQgdGhlIGNvbmZpZyAoaW5pdE9wdGlvbnMpIG9iamVjdCwgcHJvdmlkZWQgZnJvbSB0aGUgb3V0c2lkZVxuICovXG5leHBvcnQgY29uc3QgUG9wbWVudU9wdGlvbnNTZXJ2aWNlID0gbmV3IEluamVjdGlvblRva2VuPFBvcG1lbnVPcHRpb25zPignUG9wbWVudU9wdGlvbnMnKTtcbiJdfQ==