@six-group/ui-library 0.0.0-insider.ebd822a → 0.0.0-insider.ec3ffc2

package/README.md

@@ -0,0 +1,9 @@
+## Installation
+
+```bash
+npm install @six-group/ui-library
+```
+
+## Documentation
+
+For full documentation, visit [github.com/six-group/six-webcomponents](https://github.com/six-group/six-webcomponents).

package/dist/cjs/app-globals-3a1e7e63.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-3a1e7e63.js.map

package/dist/cjs/app-globals-3a1e7e63.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-3a1e7e63.js","mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

package/dist/cjs/error-messages-6e8049a4.js

@@ -0,0 +1,119 @@
+'use strict';
+
+const languages = ['de', 'fr', 'it', 'en', 'es'];
+const dateFormat = new Intl.DateTimeFormat('de-CH');
+/**
+ * Returns an error message for the given language and error.
+ */
+function getErrorMessage(language, error) {
+    try {
+        const message = translation[language][error.key];
+        switch (error.key) {
+            case 'required':
+            case 'requiredtrue':
+            case 'email':
+                return message;
+            case 'minlength':
+            case 'maxlength':
+                return message.replace('{requiredLength}', String(error.requiredLength));
+            case 'pattern':
+                return message.replace('{pattern}', String(error.requiredPattern));
+            case 'min':
+                return message.replace('{min}', String(error.min));
+            case 'max':
+                return message.replace('{max}', String(error.max));
+            case 'mindate':
+                return message.replace('{mindate}', dateFormat.format(error.mindate));
+            case 'maxdate':
+                return message.replace('{maxdate}', dateFormat.format(error.maxdate));
+            case 'invaliddate':
+                return message;
+            case 'custom':
+                return error.text;
+        }
+    }
+    catch (e) {
+        console.warn(`no error message in '${language}' for error:`, error);
+        return undefined;
+    }
+}
+function getLanguage() {
+    const documentLang = document.documentElement.lang;
+    if (languages.includes(documentLang)) {
+        return documentLang;
+    }
+    return 'de';
+}
+const translation = {
+    en: {
+        required: 'Please fill out this field.',
+        minlength: 'Please enter at least {requiredLength} characters.',
+        maxlength: 'Please enter no more than {requiredLength} characters.',
+        pattern: 'Please enter a value that matches the pattern: {pattern}.',
+        email: 'Please enter a valid email address.',
+        min: 'Please enter a value greater than or equal to {min}.',
+        max: 'Please enter a value less than or equal to {max}.',
+        requiredtrue: 'Please check this field.',
+        mindate: 'Please enter a date on or after {mindate}.',
+        maxdate: 'Please enter a date on or before {maxdate}.',
+        invaliddate: 'Please enter a valid date.',
+    },
+    fr: {
+        required: "Veuillez remplir ce champ s'il vous plaît.",
+        minlength: 'Veuillez entrer au moins {requiredLength} caractères.',
+        maxlength: 'Veuillez entrer au maximum {requiredLength} caractères.',
+        pattern: 'Veuillez entrer une valeur qui correspond au format : {pattern}.',
+        email: 'Veuillez entrer une adresse email valide.',
+        min: 'Veuillez entrer une valeur supérieure ou égale à {min}.',
+        max: 'Veuillez entrer une valeur inférieure ou égale à {max}.',
+        requiredtrue: "Veuillez cocher cette case s'il vous plaît.",
+        mindate: 'Veuillez entrer une date le {mindate} ou après.',
+        maxdate: 'Veuillez entrer une date le {maxdate} ou avant.',
+        invaliddate: 'Veuillez entrer une date valide.',
+    },
+    de: {
+        required: 'Bitte füllen Sie dieses Feld aus.',
+        minlength: 'Bitte geben Sie mindestens {requiredLength} Zeichen ein.',
+        maxlength: 'Bitte geben Sie höchstens {requiredLength} Zeichen ein.',
+        pattern: 'Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.',
+        email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
+        min: 'Bitte geben Sie einen Wert größer oder gleich {min} ein.',
+        max: 'Bitte geben Sie einen Wert kleiner oder gleich {max} ein.',
+        requiredtrue: 'Bitte aktivieren Sie dieses Feld.',
+        mindate: 'Bitte geben Sie ein Datum am oder nach dem {mindate} ein.',
+        maxdate: 'Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.',
+        invaliddate: 'Bitte geben Sie ein gültiges Datum ein.',
+    },
+    it: {
+        required: 'Si prega di compilare questo campo.',
+        minlength: 'Si prega di inserire almeno {requiredLength} caratteri.',
+        maxlength: 'Si prega di inserire al massimo {requiredLength} caratteri.',
+        pattern: 'Si prega di inserire un valore che corrisponde al formato: {pattern}.',
+        email: 'Si prega di inserire un indirizzo email valido.',
+        min: 'Si prega di inserire un valore maggiore o uguale a {min}.',
+        max: 'Si prega di inserire un valore minore o uguale a {max}.',
+        requiredtrue: 'Si prega di spuntare questo campo.',
+        mindate: 'Si prega di inserire una data il {mindate} o successiva.',
+        maxdate: 'Si prega di inserire una data il {maxdate} o precedente.',
+        invaliddate: 'Inserisci una data valida.',
+    },
+    es: {
+        required: 'Por favor, rellene este campo.',
+        minlength: 'Por favor, introduzca al menos {requiredLength} caracteres.',
+        maxlength: 'Por favor, introduzca no más de {requiredLength} caracteres.',
+        pattern: 'Por favor, introduzca un valor que coincida con el patrón: {pattern}.',
+        email: 'Por favor, introduzca una dirección de correo electrónico válida.',
+        min: 'Por favor, introduzca un valor mayor o igual a {min}.',
+        max: 'Por favor, introduzca un valor menor o igual a {max}.',
+        requiredtrue: 'Por favor, marque este campo.',
+        mindate: 'Por favor, introduzca una fecha igual o posterior a {mindate}.',
+        maxdate: 'Por favor, introduzca una fecha igual o anterior a {maxdate}.',
+        invaliddate: 'Por favor, introduzca una fecha válida.',
+    },
+};
+
+exports.getErrorMessage = getErrorMessage;
+exports.getLanguage = getLanguage;
+exports.languages = languages;
+
+//# sourceMappingURL=error-messages-6e8049a4.js.map

package/dist/cjs/error-messages-6e8049a4.js.map

@@ -0,0 +1 @@
+{"file":"error-messages-6e8049a4.js","mappings":"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","names":[],"sources":["src/utils/error-messages.ts"],"sourcesContent":["export const languages = ['de', 'fr', 'it', 'en', 'es'] as const;\nexport type Language = (typeof languages)[number];\n\nconst dateFormat = new Intl.DateTimeFormat('de-CH');\n\nexport type ValidationError =\n  | { key: 'required' }\n  | { key: 'requiredtrue' }\n  | { key: 'email'; requiredPattern: string }\n  | { key: 'minlength'; requiredLength: number }\n  | { key: 'maxlength'; requiredLength: number }\n  | { key: 'pattern'; requiredPattern: string }\n  | { key: 'min'; min: number }\n  | { key: 'max'; max: number }\n  | { key: 'mindate'; mindate: Date; actual: Date }\n  | { key: 'maxdate'; maxdate: Date; actual: Date }\n  | { key: 'invaliddate'; actual: Date }\n  | { key: 'custom'; text: string };\n\n/**\n * Returns an error message for the given language and error.\n */\nexport function getErrorMessage(language: Language, error: ValidationError): string | undefined {\n  try {\n    const message = translation[language][error.key];\n    switch (error.key) {\n      case 'required':\n      case 'requiredtrue':\n      case 'email':\n        return message;\n      case 'minlength':\n      case 'maxlength':\n        return message.replace('{requiredLength}', String(error.requiredLength));\n      case 'pattern':\n        return message.replace('{pattern}', String(error.requiredPattern));\n      case 'min':\n        return message.replace('{min}', String(error.min));\n      case 'max':\n        return message.replace('{max}', String(error.max));\n      case 'mindate':\n        return message.replace('{mindate}', dateFormat.format(error.mindate));\n      case 'maxdate':\n        return message.replace('{maxdate}', dateFormat.format(error.maxdate));\n      case 'invaliddate':\n        return message;\n      case 'custom':\n        return error.text;\n    }\n  } catch (e) {\n    console.warn(`no error message in '${language}' for error:`, error);\n    return undefined;\n  }\n}\n\nexport function getLanguage(): Language {\n  const documentLang = document.documentElement.lang as Language;\n  if (languages.includes(documentLang)) {\n    return documentLang;\n  }\n  return 'de';\n}\n\nconst translation: Record<Language, Record<string, string>> = {\n  en: {\n    required: 'Please fill out this field.',\n    minlength: 'Please enter at least {requiredLength} characters.',\n    maxlength: 'Please enter no more than {requiredLength} characters.',\n    pattern: 'Please enter a value that matches the pattern: {pattern}.',\n    email: 'Please enter a valid email address.',\n    min: 'Please enter a value greater than or equal to {min}.',\n    max: 'Please enter a value less than or equal to {max}.',\n    requiredtrue: 'Please check this field.',\n    mindate: 'Please enter a date on or after {mindate}.',\n    maxdate: 'Please enter a date on or before {maxdate}.',\n    invaliddate: 'Please enter a valid date.',\n  },\n  fr: {\n    required: \"Veuillez remplir ce champ s'il vous plaît.\",\n    minlength: 'Veuillez entrer au moins {requiredLength} caractères.',\n    maxlength: 'Veuillez entrer au maximum {requiredLength} caractères.',\n    pattern: 'Veuillez entrer une valeur qui correspond au format : {pattern}.',\n    email: 'Veuillez entrer une adresse email valide.',\n    min: 'Veuillez entrer une valeur supérieure ou égale à {min}.',\n    max: 'Veuillez entrer une valeur inférieure ou égale à {max}.',\n    requiredtrue: \"Veuillez cocher cette case s'il vous plaît.\",\n    mindate: 'Veuillez entrer une date le {mindate} ou après.',\n    maxdate: 'Veuillez entrer une date le {maxdate} ou avant.',\n    invaliddate: 'Veuillez entrer une date valide.',\n  },\n  de: {\n    required: 'Bitte füllen Sie dieses Feld aus.',\n    minlength: 'Bitte geben Sie mindestens {requiredLength} Zeichen ein.',\n    maxlength: 'Bitte geben Sie höchstens {requiredLength} Zeichen ein.',\n    pattern: 'Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.',\n    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',\n    min: 'Bitte geben Sie einen Wert größer oder gleich {min} ein.',\n    max: 'Bitte geben Sie einen Wert kleiner oder gleich {max} ein.',\n    requiredtrue: 'Bitte aktivieren Sie dieses Feld.',\n    mindate: 'Bitte geben Sie ein Datum am oder nach dem {mindate} ein.',\n    maxdate: 'Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.',\n    invaliddate: 'Bitte geben Sie ein gültiges Datum ein.',\n  },\n  it: {\n    required: 'Si prega di compilare questo campo.',\n    minlength: 'Si prega di inserire almeno {requiredLength} caratteri.',\n    maxlength: 'Si prega di inserire al massimo {requiredLength} caratteri.',\n    pattern: 'Si prega di inserire un valore che corrisponde al formato: {pattern}.',\n    email: 'Si prega di inserire un indirizzo email valido.',\n    min: 'Si prega di inserire un valore maggiore o uguale a {min}.',\n    max: 'Si prega di inserire un valore minore o uguale a {max}.',\n    requiredtrue: 'Si prega di spuntare questo campo.',\n    mindate: 'Si prega di inserire una data il {mindate} o successiva.',\n    maxdate: 'Si prega di inserire una data il {maxdate} o precedente.',\n    invaliddate: 'Inserisci una data valida.',\n  },\n\n  es: {\n    required: 'Por favor, rellene este campo.',\n    minlength: 'Por favor, introduzca al menos {requiredLength} caracteres.',\n    maxlength: 'Por favor, introduzca no más de {requiredLength} caracteres.',\n    pattern: 'Por favor, introduzca un valor que coincida con el patrón: {pattern}.',\n    email: 'Por favor, introduzca una dirección de correo electrónico válida.',\n    min: 'Por favor, introduzca un valor mayor o igual a {min}.',\n    max: 'Por favor, introduzca un valor menor o igual a {max}.',\n    requiredtrue: 'Por favor, marque este campo.',\n    mindate: 'Por favor, introduzca una fecha igual o posterior a {mindate}.',\n    maxdate: 'Por favor, introduzca una fecha igual o anterior a {maxdate}.',\n    invaliddate: 'Por favor, introduzca una fecha válida.',\n  },\n};\n"],"version":3}

package/dist/cjs/event-listeners-9fb878f1.js

@@ -0,0 +1,61 @@
+'use strict';
+
+class EventListeners {
+    constructor() {
+        this.eventListeners = [];
+        this.add = (el, name, listener, identifier = null) => {
+            this.eventListeners.push({ el, name, listener, identifier });
+            el.addEventListener(name, listener);
+        };
+        this.remove = (el, name, listener) => {
+            this.eventListeners = this.getFilteredEventListeners((eventListener) => eventListener.listener == listener && eventListener.el === el && eventListener.name === name);
+        };
+        this.removeByIdentifier = (identifier) => {
+            const sameItem = (el) => el.identifier === identifier;
+            const foundListener = this.eventListeners.find(sameItem) !== undefined;
+            if (!foundListener) {
+                return;
+            }
+            this.eventListeners = this.getFilteredEventListeners(sameItem);
+        };
+        this.removeAll = () => {
+            while (this.eventListeners.length > 0) {
+                const eventListener = this.eventListeners.pop();
+                if (eventListener != null) {
+                    eventListener.el.removeEventListener(eventListener.name, eventListener.listener);
+                }
+            }
+        };
+    }
+    getFilteredEventListeners(sameItem) {
+        return this.eventListeners.filter((item) => {
+            if (sameItem(item)) {
+                item.el.removeEventListener(item.name, item.listener);
+                return false;
+            }
+            else {
+                return true;
+            }
+        });
+    }
+    forward(from, to, host) {
+        switch (to) {
+            case 'input':
+                this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'change':
+                this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'blur':
+                this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'focus':
+                this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));
+                break;
+        }
+    }
+}
+
+exports.EventListeners = EventListeners;
+
+//# sourceMappingURL=event-listeners-9fb878f1.js.map

package/dist/cjs/event-listeners-9fb878f1.js.map

@@ -0,0 +1 @@
+{"file":"event-listeners-9fb878f1.js","mappings":"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","names":[],"sources":["src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n  el: GlobalEventHandlers;\n  name: string;\n  listener: EventListenerOrEventListenerObject;\n  identifier?: string | null;\n}\n\nexport class EventListeners {\n  eventListeners: EventListener[] = [];\n\n  add = <T extends GlobalEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject,\n    identifier: string | null | undefined = null\n  ) => {\n    this.eventListeners.push({ el, name, listener, identifier });\n    el.addEventListener(name, listener);\n  };\n\n  remove = <T extends GlobalEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => {\n    this.eventListeners = this.getFilteredEventListeners(\n      (eventListener: EventListener) =>\n        eventListener.listener == listener && eventListener.el === el && eventListener.name === name\n    );\n  };\n\n  removeByIdentifier = (identifier: string) => {\n    const sameItem = (el: EventListener) => el.identifier === identifier;\n    const foundListener = this.eventListeners.find(sameItem) !== undefined;\n    if (!foundListener) {\n      return;\n    }\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  private getFilteredEventListeners(sameItem: (el: EventListener) => boolean) {\n    return this.eventListeners.filter((item) => {\n      if (sameItem(item)) {\n        item.el.removeEventListener(item.name, item.listener);\n        return false;\n      } else {\n        return true;\n      }\n    });\n  }\n\n  removeAll = () => {\n    while (this.eventListeners.length > 0) {\n      const eventListener: EventListener | undefined = this.eventListeners.pop();\n      if (eventListener != null) {\n        eventListener.el.removeEventListener(eventListener.name, eventListener.listener);\n      }\n    }\n  };\n\n  forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement) {\n    switch (to) {\n      case 'input':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'change':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'blur':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'focus':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n    }\n  }\n}\n"],"version":3}

package/dist/cjs/{execution-control-46f388e0.js → execution-control-d728da70.js}

@@ -16,11 +16,13 @@ const DEFAULT_DEBOUNCE_FAST = 300;
  * @param timeout
  */
 const debounce = (callback, timeout = DEFAULT_DEBOUNCE_FAST) => {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => callback.apply(undefined, args), timeout);
-  };
+    let timer;
+    return (args) => {
+        clearTimeout(timer);
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        timer = setTimeout(() => callback(args), timeout);
+    };
 };
 /**
  * Debounce an event
@@ -29,12 +31,13 @@ const debounce = (callback, timeout = DEFAULT_DEBOUNCE_FAST) => {
  * @param timeout
  */
 const debounceEvent = (event, timeout) => {
-  const original = event._original || event;
-  const emit = debounce(original.emit.bind(original), timeout);
-  return {
-    _original: event,
-    emit: emit,
-  };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const original = event._original || event;
+    const emit = debounce(original.emit.bind(original), timeout);
+    return {
+        _original: event,
+        emit: emit,
+    };
 };
 
 exports.DEFAULT_DEBOUNCE_FAST = DEFAULT_DEBOUNCE_FAST;
@@ -42,4 +45,4 @@ exports.DEFAULT_DEBOUNCE_INSANELY_FAST = DEFAULT_DEBOUNCE_INSANELY_FAST;
 exports.debounce = debounce;
 exports.debounceEvent = debounceEvent;
 
-//# sourceMappingURL=execution-control-46f388e0.js.map
+//# sourceMappingURL=execution-control-d728da70.js.map

package/dist/cjs/execution-control-d728da70.js.map

@@ -0,0 +1 @@
+{"file":"execution-control-d728da70.js","mappings":";;MAEa,8BAA8B,GAAG,GAAG;MACpC,qBAAqB,GAAG,IAAI;AAEzC;;;;;;;;;;;;;MAaa,QAAQ,GAAG,CAAI,QAAwB,EAAE,OAAO,GAAG,qBAAqB;IACnF,IAAI,KAAa,CAAC;IAClB,OAAO,CAAC,IAAO;QACb,YAAY,CAAC,KAAK,CAAC,CAAC;;;QAGpB,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;KACnD,CAAC;AACJ,EAAE;AAEF;;;;;;MAMa,aAAa,GAAG,CAAC,KAAmB,EAAE,OAAe;;IAEhE,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;IACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAgC,CAAC;IAC5F,OAAO;QACL,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACK,CAAC;AACpB;;;;;;;","names":[],"sources":["src/utils/execution-control.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;\nexport const DEFAULT_DEBOUNCE_FAST = 300;\n\n/**\n * Debounce function to implement a timeframe to wait for no new changes before executing a callback\n\n *  example usages:\n *    debounce(() => saveInput());\n *    debounce(() => saveInput(), 750);\n *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));\n *\n *  regarding default timeout check https://lawsofux.com/doherty-threshold/\n *\n * @param callback\n * @param timeout\n */\nexport const debounce = <T>(callback: (x: T) => void, timeout = DEFAULT_DEBOUNCE_FAST) => {\n  let timer: number;\n  return (args: T) => {\n    clearTimeout(timer);\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    timer = setTimeout(() => callback(args), timeout);\n  };\n};\n\n/**\n * Debounce an event\n *\n * @param event\n * @param timeout\n */\nexport const debounceEvent = (event: EventEmitter, timeout: number): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  const emit = debounce(original.emit.bind(original), timeout) as (_: unknown) => CustomEvent;\n  return {\n    _original: event,\n    emit: emit,\n  } as EventEmitter;\n};\n"],"version":3}

package/dist/cjs/focus-visible-e2c9255a.js

@@ -0,0 +1,47 @@
+'use strict';
+
+//
+// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a
+// `focus-visible` class. Works at the component level so no global polyfill is necessary.
+//
+// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible
+//
+const listeners = new WeakMap();
+function observe(el) {
+    if (el == null)
+        return;
+    const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp'];
+    const is = (event) => {
+        if (keys.includes(event.key)) {
+            el.classList.add('focus-visible');
+        }
+    };
+    const isNot = () => el.classList.remove('focus-visible');
+    listeners.set(el, { is, isNot });
+    el.addEventListener('keydown', is);
+    el.addEventListener('keyup', is);
+    el.addEventListener('mousedown', isNot);
+    el.addEventListener('mousedown', isNot);
+}
+function unobserve(el) {
+    if (el == null)
+        return;
+    const listener = listeners.get(el);
+    if (!listener) {
+        return;
+    }
+    const { is, isNot } = listener;
+    el.classList.remove('focus-visible');
+    el.removeEventListener('keydown', is);
+    el.removeEventListener('keyup', is);
+    el.removeEventListener('mousedown', isNot);
+    el.removeEventListener('mousedown', isNot);
+}
+const focusVisible = {
+    observe,
+    unobserve,
+};
+
+exports.focusVisible = focusVisible;
+
+//# sourceMappingURL=focus-visible-e2c9255a.js.map

package/dist/cjs/focus-visible-e2c9255a.js.map

@@ -0,0 +1 @@
+{"file":"focus-visible-e2c9255a.js","mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;SAEhB,OAAO,CAAC,EAAe;IACrC,IAAI,EAAE,IAAI,IAAI;QAAE,OAAO;IAEvB,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC7G,MAAM,EAAE,GAAG,CAAC,KAAoB;QAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;SACnC;KACF,CAAC;IACF,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IACzD,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACnC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACxC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC;SAEe,SAAS,CAAC,EAAe;IACvC,IAAI,EAAE,IAAI,IAAI;QAAE,OAAO;IAEvB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAEnC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;IAE/B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IACrC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACtC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACpC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC3C,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC7C,CAAC;MAEY,YAAY,GAAG;IAC1B,OAAO;IACP,SAAS;;;;;","names":[],"sources":["src/utils/focus-visible.ts"],"sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  if (el == null) return;\n\n  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp'];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) {\n      el.classList.add('focus-visible');\n    }\n  };\n  const isNot = () => el.classList.remove('focus-visible');\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('mousedown', isNot);\n  el.addEventListener('mousedown', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (el == null) return;\n\n  const listener = listeners.get(el);\n\n  if (!listener) {\n    return;\n  }\n\n  const { is, isNot } = listener;\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('mousedown', isNot);\n  el.removeEventListener('mousedown', isNot);\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n};\n"],"version":3}

package/dist/cjs/form-9ebaae7c.js

@@ -0,0 +1,20 @@
+'use strict';
+
+function submitForm(element) {
+    const form = element.closest('form');
+    if (form != null) {
+        // Calling form.submit() would bypass the submit event and constraint validation.
+        // To prevent this, we inject a native submit button into the form, "click" it,
+        // then remove it to simulate a standard form submission.
+        const fakeButton = document.createElement('button');
+        fakeButton.type = 'submit';
+        fakeButton.style.display = 'none';
+        form.appendChild(fakeButton);
+        fakeButton.click();
+        fakeButton.remove();
+    }
+}
+
+exports.submitForm = submitForm;
+
+//# sourceMappingURL=form-9ebaae7c.js.map

package/dist/cjs/form-9ebaae7c.js.map

@@ -0,0 +1 @@
+{"file":"form-9ebaae7c.js","mappings":";;SAAgB,UAAU,CAAC,OAAoB;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACrC,IAAI,IAAI,IAAI,IAAI,EAAE;;;;QAIhB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACpD,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAClC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7B,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,UAAU,CAAC,MAAM,EAAE,CAAC;KACrB;AACH;;;;","names":[],"sources":["src/utils/form.ts"],"sourcesContent":["export function submitForm(element: HTMLElement) {\n  const form = element.closest('form');\n  if (form != null) {\n    // Calling form.submit() would bypass the submit event and constraint validation.\n    // To prevent this, we inject a native submit button into the form, \"click\" it,\n    // then remove it to simulate a standard form submission.\n    const fakeButton = document.createElement('button');\n    fakeButton.type = 'submit';\n    fakeButton.style.display = 'none';\n    form.appendChild(fakeButton);\n    fakeButton.click();\n    fakeButton.remove();\n  }\n}\n"],"version":3}

package/dist/cjs/form-control-b39f1df5.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const index = require('./index-417a06c8.js');
+
+const FormControl = (props, children) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter((text) => text != null && text.trim() !== '');
+    const hasLabel = props.label != null && props.label.trim() !== '' ? true : (_a = props.hasLabelSlot) !== null && _a !== void 0 ? _a : false;
+    const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : (_b = props.hasHelpTextSlot) !== null && _b !== void 0 ? _b : false;
+    const hasErrorText = (errorMessages.length > 0 || ((_c = props.hasErrorTextSlot) !== null && _c !== void 0 ? _c : false)) && ((_d = props.displayError) !== null && _d !== void 0 ? _d : false);
+    return (index.h("div", { part: "form-control", class: {
+            'form-control': true,
+            'form-control--small': props.size === 'small',
+            'form-control--medium': props.size === 'medium',
+            'form-control--large': props.size === 'large',
+            'form-control--has-label': hasLabel,
+            'form-control--has-help-text': hasHelpText,
+            'form-control--has-error-text': hasErrorText,
+            'form-control--disabled': (_e = props.disabled) !== null && _e !== void 0 ? _e : false,
+            'form-control--invalid': ((_f = props.displayError) !== null && _f !== void 0 ? _f : false) && !props.disabled,
+        } },
+        index.h("label", { part: "label", id: props.labelId, class: {
+                'form-control__label': true,
+                'form-control__label__required': (_g = props.required) !== null && _g !== void 0 ? _g : false,
+            }, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
+            index.h("slot", { name: "label" }, props.label)),
+        index.h("div", { class: "form-control__input" }, children),
+        index.h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": hasErrorText ? 'false' : 'true' },
+            index.h("slot", { name: "error-text" }, errorMessages.slice(0, (_h = props.errorTextCount) !== null && _h !== void 0 ? _h : 1).map((text) => (index.h("six-error", null, text))))),
+        index.h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
+            index.h("slot", { name: "help-text" }, props.helpText))));
+};
+
+exports.FormControl = FormControl;
+
+//# sourceMappingURL=form-control-b39f1df5.js.map

package/dist/cjs/form-control-b39f1df5.js.map

@@ -0,0 +1 @@
+{"file":"form-control-b39f1df5.js","mappings":";;;;MAoDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAiB;;IAC7D,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,CACjG,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAC7C,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC;IACvG,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;IACnH,MAAM,YAAY,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,CAAC,MAAM,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,CAAC;IAEtH,QACEA,iBACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;YACL,cAAc,EAAE,IAAI;YACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,yBAAyB,EAAE,QAAQ;YACnC,6BAA6B,EAAE,WAAW;YAC1C,8BAA8B,EAAE,YAAY;YAC5C,wBAAwB,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;YACjD,uBAAuB,EAAE,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,KAAK,CAAC,KAAK,CAAC,QAAQ;SAC1E;QAEDA,mBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;gBACL,qBAAqB,EAAE,IAAI;gBAC3B,+BAA+B,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;aACzD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;YAE3BA,kBAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;QAERA,iBAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;QAEjDA,iBACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,YAAY,GAAG,OAAO,GAAG,MAAM;YAE5CA,kBAAM,IAAI,EAAC,YAAY,IACpB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAC1DA,2BAAY,IAAI,CAAa,CAC9B,CAAC,CACG,CACH;QAENA,iBACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;YAE3CA,kBAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":["h"],"sources":["src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** Whether an error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string | string[];\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  errorTextCount?: number;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children: VNode[]) => {\n  const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter(\n    (text) => text != null && text.trim() !== ''\n  );\n\n  const hasLabel = props.label != null && props.label.trim() !== '' ? true : props.hasLabelSlot ?? false;\n  const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : props.hasHelpTextSlot ?? false;\n  const hasErrorText = (errorMessages.length > 0 || (props.hasErrorTextSlot ?? false)) && (props.displayError ?? false);\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': hasErrorText,\n        'form-control--disabled': props.disabled ?? false,\n        'form-control--invalid': (props.displayError ?? false) && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required ?? false,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={hasErrorText ? 'false' : 'true'}\n      >\n        <slot name=\"error-text\">\n          {errorMessages.slice(0, props.errorTextCount ?? 1).map((text) => (\n            <six-error>{text}</six-error>\n          ))}\n        </slot>\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}