@luftborn/custom-elements 1.1.44 → 1.4.0

package/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js

@@ -157,16 +157,48 @@
   }
 
   if (polyfills.length) {
+    // When the Trusted Types API is available, `policy` is a
+    // `TrustedTypePolicy` with functions for creating trusted HTML, scripts,
+    // and script URLs. This policy is used below to (a) approve the bundle URL
+    // string created by the loader that is assigned to a `<script>`'s `src`
+    // attribute, (b) approve a constant script string that is assigned to that
+    // `<script>'s `onload` attribute, and (c) approve the string of HTML that
+    // the loader reads from that `<script>`'s `outerHTML`.
+    //
+    // If the Trusted Types API is not available, the returned object exposes a
+    // similar interface to a `TrustedTypePolicy`, but all of its functions are
+    // the identity function.
+    var policy = (function () {
+      var identity = function (x) {
+        return x;
+      };
+      var policyOptions = {
+        createHTML: identity,
+        createScript: identity,
+        createScriptURL: identity,
+      };
+      var policy =
+        window.trustedTypes &&
+        window.trustedTypes.createPolicy('webcomponents-loader', policyOptions);
+      return policy || policyOptions;
+    })();
+
     var url;
     var polyfillFile = 'bundles/webcomponents-' + polyfills.join('-') + '.js';
 
     // Load it from the right place.
     if (window.WebComponents.root) {
       url = window.WebComponents.root + polyfillFile;
+      if (
+        window.trustedTypes &&
+        window.trustedTypes.isScriptURL(window.WebComponents.root)
+      ) {
+        url = policy.createScriptURL(url);
+      }
     } else {
       var script = document.querySelector('script[src*="' + name + '"]');
       // Load it from the right place.
-      url = script.src.replace(name, polyfillFile);
+      url = policy.createScriptURL(script.src.replace(name, polyfillFile));
     }
 
     var newScript = document.createElement('script');
@@ -176,9 +208,9 @@
       // make sure custom elements are batched whenever parser gets to the injected script
       newScript.setAttribute(
         'onload',
-        'window.WebComponents._batchCustomElements()'
+        policy.createScript('window.WebComponents._batchCustomElements()')
       );
-      document.write(newScript.outerHTML);
+      document.write(policy.createHTML(newScript.outerHTML));
       document.addEventListener('DOMContentLoaded', ready);
     } else {
       newScript.addEventListener('load', function () {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luftborn/custom-elements",
-	"version": "1.1.44",
+	"version": "1.4.0",
 	"description": "custom HTML elements for the form builder application ",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
@@ -14,10 +14,9 @@
 		"@webcomponents/webcomponentsjs"
 	],
 	"dependencies": {
-		"@luftborn/utilities": "^1.1.8",
 		"@types/googlemaps": "^3.39.6",
 		"@webcomponents/custom-elements": "^1.4.1",
-		"@webcomponents/webcomponentsjs": "^2.6.0",
+		"@webcomponents/webcomponentsjs": "^2.4.3",
 		"intl-tel-input": "^16.0.8",
 		"restore": "^0.3.0"
 	},

package/src/custom-form.ts

@@ -1,6 +1,7 @@
 import { CustomInputElement } from './framework/CustomInputElement';
 import { FileFieldElement } from './elements/FileField/FileFieldElement';
-import { ArrayUtil, MakeRequest } from '@luftborn/utilities';
+import ArrayUtil from './framework/Utilities/ArrayUtil';
+import MakeRequest from './framework/Utilities/MakeRequest';
 
 export class CustomForm {
 	action: string;

package/src/elements/CheckBoxElement/CheckBoxElement.ts

@@ -1,7 +1,7 @@
 import CustomElement from '../../framework/custom-element.decorator';
 import { CustomInputElement } from '../../framework/CustomInputElement';
 import { CustomElementEventArgs } from '../../framework/CustomEvents';
-import { StringUtil } from '@luftborn/utilities';
+import { StringUtil } from '../../framework/Utilities/StringUtil';
 
 @CustomElement({
 	selector: 'checkbox-element',

package/src/elements/DropDownList/DropDownListElement.ts

@@ -1,7 +1,7 @@
 import CustomElement from '../../framework/custom-element.decorator';
 import { CustomInputElement } from '../../framework/CustomInputElement';
 import { CustomElementEventArgs } from '../../framework/CustomEvents';
-import { StringUtil } from '@luftborn/utilities';
+import { StringUtil } from '../../framework/Utilities/StringUtil';
 
 @CustomElement({
 	selector: 'drop-down-element',

package/src/elements/FileField/FileFieldElement.ts

@@ -1,6 +1,7 @@
 import CustomElement from '../../framework/custom-element.decorator';
 import { CustomInputElement } from '../../framework/CustomInputElement';
 import { CustomElementEventArgs } from '../../framework/CustomEvents';
+import getAttributeNamesPolyfill from '../../framework/Polyfills/getAttributeNamesPolyfill';
 
 @CustomElement({
 	selector: 'file-element',
@@ -31,6 +32,7 @@ export class FileFieldElement extends CustomInputElement {
 
 	constructor() {
 		super();
+		getAttributeNamesPolyfill();
 	}
 
 	get value(): FileList {
@@ -50,6 +52,13 @@ export class FileFieldElement extends CustomInputElement {
 		super.connectedCallback();
 	}
 
+	componentDidMount() {
+		this.getAttributeNames().forEach(attributeName => {
+			let attributeValue = this.getAttribute(attributeName);
+			this.attributeChanged(attributeName, null, attributeValue);
+		});
+	}
+
 	initChildInputs() {
 		this.file = super.getChildInput('#file-field');
 		this.file.addEventListener('change', this.change.bind(this));
@@ -73,4 +82,15 @@ export class FileFieldElement extends CustomInputElement {
 			new CustomElementEventArgs(this.value, 'validate'),
 		);
 	}
+    
+    attributeChangedCallback(name: string, oldVal: string, newVal: string) {
+		this.attributeChanged(name, oldVal, newVal);
+	}
+	private attributeChanged(name: string, oldVal: string, newVal: string) {
+		switch (name) {
+			case 'accept':
+                this.file.accept = newVal;
+                break;
+		}
+	}
 }

package/src/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.ts

@@ -3,7 +3,7 @@ import { CustomInputElement } from '../../framework/CustomInputElement';
 import { CustomElementEventArgs } from '../../framework/CustomEvents';
 import * as intlTelInput from 'intl-tel-input';
 import { Plugin } from 'intl-tel-input';
-import { MakeRequest } from '@luftborn/utilities';
+import MakeRequest from '../../framework/Utilities/MakeRequest';
 
 @CustomElement({
 	selector: 'int-phone-element',
@@ -68,24 +68,29 @@ export class IntPhoneFieldElement extends CustomInputElement {
 	}
 	setIntlTelInput() {
 		this.phone = super.getChildInput('#phone-field');
+		const geoIpLookup = (success, failure) => {
+			return new MakeRequest(
+				'https://ipinfo.io/json?token=8226138217a68a',
+				'get',
+				{ 'content-type': 'application/json' },
+			)
+				.send()
+				.then((request: any) => {
+					const res = JSON.parse(request);
+					return success(res.country);
+				})
+				.catch(err => {
+					return success('DK');
+				});
+		};
+		const isIplookUpDisabled = this.getAttribute('data-disable-iplookup')?.toLowerCase() === "true";
+		const defaultCountry = isIplookUpDisabled ? 'dk' : 'auto';
+		const country = this.getAttribute('data-country')?.toLowerCase();
 		this.intlTelInput = intlTelInput(this.phone, {
-			geoIpLookup: (success, failure) => {
-				return new MakeRequest(
-					'https://ipinfo.io/json?token=8226138217a68a',
-					'get',
-					{ 'content-type': 'application/json' },
-				)
-					.send()
-					.then((request: any) => {
-						const res = JSON.parse(request);
-						return success(res.country);
-					})
-					.catch(err => {
-						return success('DK');
-					});
-			},
+			geoIpLookup: isIplookUpDisabled ? null : geoIpLookup,
 			hiddenInput: 'fullphone',
-			initialCountry: 'auto',
+			initialCountry: country ?? defaultCountry,
+			preferredCountries: ["dk", "se", "gb"],
 			nationalMode: true,
 			utilsScript:
 				'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/js/utils.js',

package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts

@@ -1,7 +1,7 @@
 import CustomElement from '../../framework/custom-element.decorator';
 import { CustomInputElement } from '../../framework/CustomInputElement';
 import { CustomElementEventArgs } from '../../framework/CustomEvents';
-import { StringUtil } from '@luftborn/utilities';
+import { StringUtil } from '../../framework/Utilities/StringUtil';
 
 @CustomElement({
 	selector: 'radio-group-element',

package/src/framework/CustomInputElement.ts

@@ -1,6 +1,7 @@
 import { CustomElementEvent, CustomElementEventArgs } from "./CustomEvents";
-import { DomUtil, ArrayUtil } from "@luftborn/utilities";
 import OptionWithDescription from "./Models/OptionWithDescription";
+import ArrayUtil from "./Utilities/ArrayUtil";
+import DomUtil from "./Utilities/DomUtil";
 
 class IDictionary<TValue> {
 	[index: string]: TValue;

package/src/framework/Language/Languages/CzechDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class CzechDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adresa",
+            City: "město",
+            Country: "země",
+            Zip: "poštovní směrovací číslo"
+        },
+        BankElement: {
+            Account: "Účet",
+            RegistrationNumber: "Registrační číslo"
+        }
+    };
+
+}

package/src/framework/Language/Languages/DutchDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class DutchDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adres",
+            City: "stad",
+            Country: "land",
+            Zip: "postcode"
+        },
+        BankElement: {
+            Account: "Bankrekening",
+            RegistrationNumber: "Bankrekening Registratienummer"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/EstonianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class EstonianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "aadress",
+            City: "linn",
+            Country: "riik",
+            Zip: "postiindeks"
+        },
+        BankElement: {
+            Account: "Pangakonto",
+            RegistrationNumber: "Pangakonto registreerimisnumber"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/FinnishDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class FinnishDictionary extends BaseDictionary {
+    
+    dictionary: any = {
+        AddressElement: {
+            Address: "osoite",
+            City: "kaupunki",
+            Country: "maa",
+            Zip: "postinumero"
+        },
+        BankElement: {
+            Account: "Pankkitili",
+            RegistrationNumber: "Pankkitilin rekisteröintinumero"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/FrenchDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class FrenchDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adresse",
+            City: "ville",
+            Country: "pays",
+            Zip: "code postal"
+        },
+        BankElement: {
+            Account: "Compte bancaire",
+            RegistrationNumber: "Numéro d'enregistrement du compte bancaire"
+        }
+    };
+
+}

package/src/framework/Language/Languages/GermanDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class GermanDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "Adresse",
+            City: "Stadt",
+            Country: "Land",
+            Zip: "Postleitzahl"
+        },
+        BankElement: {
+            Account: "Bankkonto",
+            RegistrationNumber: "Bankkontoregistrierungsnummer"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/GreekDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class GreekDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "διεύθυνση",
+            City: "πόλη",
+            Country: "χώρα",
+            Zip: "ταχυδρομικός κώδικας"
+        },
+        BankElement: {
+            Account: "Τραπεζικός λογαριασμός",
+            RegistrationNumber: "Αριθμός εγγραφής τραπεζικού λογαριασμού"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/HungarianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class HungarianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "cím",
+            City: "város",
+            Country: "ország",
+            Zip: "irányítószám"
+        },
+        BankElement: {
+            Account: "Banki számla",
+            RegistrationNumber: "Banki számla regisztrációs száma"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/IcelandicDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class IcelandicDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "heimilisfang",
+            City: "borg",
+            Country: "land",
+            Zip: "póstnúmer"
+        },
+        BankElement: {
+            Account: "Bankareikningur",
+            RegistrationNumber: "Númer skráningar á bankareikningi"
+        }
+    };
+
+}

package/src/framework/Language/Languages/ItalianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class ItalianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "indirizzo",
+            City: "città",
+            Country: "nazione",
+            Zip: "codice postale"
+        },
+        BankElement: {
+            Account: "conto bancario",
+            RegistrationNumber: "Numero di registrazione del conto bancario"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/LatvianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class LatvianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adrese",
+            City: "pilsēta",
+            Country: "valsts",
+            Zip: "pasta indekss"
+        },
+        BankElement: {
+            Account: "Bankas konts",
+            RegistrationNumber: "Bankas konta reģistrācijas numurs"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/LituanianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class LituanianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adresas",
+            City: "miestas",
+            Country: "šalis",
+            Zip: "pašto kodas"
+        },
+        BankElement: {
+            Account: "Banko sąskaita",
+            RegistrationNumber: "Banko sąskaitos registracijos numeris"
+        }
+    };
+
+}

package/src/framework/Language/Languages/NorwegianDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class NorwegianDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adresse",
+            City: "by",
+            Country: "land",
+            Zip: "postnummer"
+        },
+        BankElement: {
+            Account: "Bankkonto",
+            RegistrationNumber: "Registreringsnummer for bankkonto"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/PolishDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class PolishDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adres",
+            City: "miasto",
+            Country: "kraj",
+            Zip: "kod pocztowy"
+        },
+        BankElement: {
+            Account: "Konto bankowe",
+            RegistrationNumber: "Numer rejestracyjny konta bankowego"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/PortugueseDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class PortugueseDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "endereço",
+            City: "cidade",
+            Country: "país",
+            Zip: "código postal"
+        },
+        BankElement: {
+            Account: "Conta bancária",
+            RegistrationNumber: "Número de registro da conta bancária"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/SpanishDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class SpanishDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "dirección",
+            City: "ciudad",
+            Country: "país",
+            Zip: "código postal"
+        },
+        BankElement: {
+            Account: "Cuenta bancaria",
+            RegistrationNumber: "Número de registro de cuenta bancaria"
+        }
+    };
+    
+}

package/src/framework/Language/Languages/SwedishDictionary.ts

@@ -0,0 +1,18 @@
+import BaseDictionary from "./Base/BaseDictionary";
+
+export default class SwedishDictionary extends BaseDictionary {
+
+    dictionary: any = {
+        AddressElement: {
+            Address: "adress",
+            City: "stad",
+            Country: "land",
+            Zip: "postnummer"
+        },
+        BankElement: {
+            Account: "Bankkonto",
+            RegistrationNumber: "Bankkontoregistreringsnummer"
+        }
+    };
+    
+}