@luftborn/custom-elements 2.0.0 → 2.1.1

package/src/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.ts

@@ -4,6 +4,8 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
 import * as intlTelInput from 'intl-tel-input';
 import { Plugin } from 'intl-tel-input';
 import MakeRequest from '../../framework/Utilities/MakeRequest';
+import GetFlagsUrl from './Flags';
+import GetFlags2XUrl from './Flags2x';
 
 @CustomElement({
 	selector: 'int-phone-element',
@@ -30,6 +32,12 @@ import MakeRequest from '../../framework/Utilities/MakeRequest';
             margin: 2px;
             resize: none;
     }
+
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+	.iti__flag {
+	  background-image: url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/img/flags@2x.png'), url(${GetFlags2XUrl()});
+	}
+  }
            `,
 	useShadow: true,
 })
@@ -100,6 +108,14 @@ export class IntPhoneFieldElement extends CustomInputElement {
 				this.fullPhone = super.getChildInput('[name="fullphone"]');
 			}, 1000);
 		});
+
+		const isLocalFlagEnabled = this.getAttribute('data-local-flag')?.toLowerCase() === "true";
+		if (isLocalFlagEnabled) {
+			const flagWrapper: HTMLElement = this.shadowRoot.querySelector(".iti__flag");
+			if (flagWrapper) {
+				flagWrapper.style.backgroundImage = `url(${GetFlagsUrl()})`;
+			}
+		}
 	}
 	// events
 	public change($event): void {

package/node_modules/@webcomponents/webcomponentsjs/src/platform/event-listener-options.js

@@ -1,122 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
- * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
- * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
- * Google as part of the polymer project is also subject to an additional IP
- * rights grant found at http://polymer.github.io/PATENTS.txt
- */
-var _a;
-// Older browsers like IE do not support an object as the options parameter
-// to add/removeEventListener.
-// https://connect.microsoft.com/IE/feedback/details/790389/event-defaultprevented-returns-false-after-preventdefault-was-called
-const supportsEventOptions = (() => {
-    let supported = false;
-    let onceSupported = false;
-    const eventOptions = {
-        get capture() {
-            supported = true;
-            return true;
-        },
-        get once() {
-            onceSupported = true;
-            return true;
-        },
-    };
-    let callCount = 0;
-    const listener = () => {
-        callCount++;
-    };
-    const d = document.createElement('div');
-    // NOTE: These will be unpatched at this point.
-    d.addEventListener('click', listener, eventOptions);
-    let fullySupported = supported && onceSupported;
-    // Once + capture broken on Edge >= 17 < 79.
-    if (fullySupported) {
-        d.dispatchEvent(new Event('click'));
-        d.dispatchEvent(new Event('click'));
-        fullySupported = callCount == 1;
-    }
-    d.removeEventListener('click', listener, eventOptions);
-    return fullySupported;
-})();
-const nativeEventTarget = (_a = window.EventTarget) !== null && _a !== void 0 ? _a : window.Node;
-if (!supportsEventOptions &&
-    'addEventListener' in nativeEventTarget.prototype) {
-    const parseEventOptions = (optionsOrCapture) => {
-        let capture, once;
-        if (optionsOrCapture &&
-            (typeof optionsOrCapture === 'object' ||
-                typeof optionsOrCapture === 'function')) {
-            capture = Boolean(optionsOrCapture.capture);
-            once = Boolean(optionsOrCapture.once);
-        }
-        else {
-            capture = Boolean(optionsOrCapture);
-            once = false;
-        }
-        return {
-            capture,
-            once,
-        };
-    };
-    const origAddEventListener = nativeEventTarget.prototype.addEventListener;
-    const origRemoveEventListener = nativeEventTarget.prototype.removeEventListener;
-    const captureListenerMap = new WeakMap();
-    const listenerMap = new WeakMap();
-    const getListenerMap = (target, type, capture) => {
-        const elMap = capture ? captureListenerMap : listenerMap;
-        let typeMap = elMap.get(target);
-        if (typeMap === undefined) {
-            elMap.set(target, (typeMap = new Map()));
-        }
-        let listeners = typeMap.get(type);
-        if (listeners === undefined) {
-            typeMap.set(type, (listeners = new WeakMap()));
-        }
-        return listeners;
-    };
-    nativeEventTarget.prototype.addEventListener = function (type, listener, options) {
-        if (listener == null) {
-            return;
-        }
-        const { capture, once } = parseEventOptions(options);
-        const map = getListenerMap(this, type, capture);
-        if (!map.has(listener)) {
-            const cachedListener = once
-                ? (e) => {
-                    map.delete(listener);
-                    origRemoveEventListener.call(this, type, cachedListener, capture);
-                    if (typeof listener === 'function') {
-                        return listener.call(this, e);
-                    }
-                    if (typeof (listener === null || listener === void 0 ? void 0 : listener.handleEvent) === 'function') {
-                        return listener.handleEvent(e);
-                    }
-                }
-                : null;
-            map.set(listener, cachedListener);
-            // Note, the cached listener is null if no wrapper is used to avoid
-            // a strong ref to it;
-            origAddEventListener.call(this, type, cachedListener !== null && cachedListener !== void 0 ? cachedListener : listener, capture);
-        }
-    };
-    nativeEventTarget.prototype.removeEventListener = function (type, listener, options) {
-        if (listener == null) {
-            return;
-        }
-        const { capture } = parseEventOptions(options);
-        const map = getListenerMap(this, type, capture);
-        const cachedListener = map.get(listener);
-        if (cachedListener !== undefined) {
-            map.delete(listener);
-            // Note, the cached listener is null if no wrapper was used so that a
-            // strong ref to it is not kept.
-            origRemoveEventListener.call(this, type, cachedListener !== null && cachedListener !== void 0 ? cachedListener : listener, capture);
-        }
-    };
-}
-export {};
-//# sourceMappingURL=event-listener-options.js.map

package/node_modules/@webcomponents/webcomponentsjs/src/platform/toggle-attribute.js

@@ -1,39 +0,0 @@
-/**
-@license
-Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at
-http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
-http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
-found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
-part of the polymer project is also subject to an additional IP rights grant
-found at http://polymer.github.io/PATENTS.txt
-*/
-const Element_prototype = Element.prototype;
-const nativeHasAttribute = Element.prototype.hasAttribute;
-const nativeSetAttribute = Element.prototype.setAttribute;
-const nativeRemoveAttribute = Element.prototype.removeAttribute;
-if (!Element_prototype.hasOwnProperty('toggleAttribute')) {
-    Element_prototype.toggleAttribute = function toggleAttribute(name, force) {
-        if (force === undefined) {
-            if (nativeHasAttribute.call(this, name)) {
-                nativeRemoveAttribute.call(this, name);
-                return false;
-            }
-            else {
-                nativeSetAttribute.call(this, name, '');
-                return true;
-            }
-        }
-        if (force) {
-            if (!nativeHasAttribute.call(this, name)) {
-                nativeSetAttribute.call(this, name, '');
-            }
-            return true;
-        }
-        // force is falsey
-        nativeRemoveAttribute.call(this, name);
-        return false;
-    };
-}
-export {};
-//# sourceMappingURL=toggle-attribute.js.map