@oiz/stzh-components 0.0.1-pretest → 1.5.0-alpha

package/dist/collection/utils/media-utils.js

@@ -1,20 +1,20 @@
-const medias = {
-  small: window.matchMedia('(min-width: 600px)'),
-  smallheader: window.matchMedia('(min-width: 800px)'),
-  medium: window.matchMedia('(min-width: 1024px)'),
-  large: window.matchMedia('(min-width: 1260px)'),
-  ultra: window.matchMedia('(min-width: 1440px)')
-};
-export const media = (media) => {
-  return medias[media];
-};
-export const addMediaChangeListener = (callback) => {
-  Object.keys(medias).forEach((m) => {
-    media(m).addEventListener('change', callback);
-  });
-};
-export const removeMediaChangeListener = (callback) => {
-  Object.keys(medias).forEach((m) => {
-    media(m).removeEventListener('change', callback);
-  });
-};
+const medias = {
+  small: window.matchMedia('(min-width: 600px)'),
+  smallheader: window.matchMedia('(min-width: 800px)'),
+  medium: window.matchMedia('(min-width: 1024px)'),
+  large: window.matchMedia('(min-width: 1260px)'),
+  ultra: window.matchMedia('(min-width: 1440px)')
+};
+export const media = (media) => {
+  return medias[media];
+};
+export const addMediaChangeListener = (callback) => {
+  Object.keys(medias).forEach((m) => {
+    media(m).addEventListener('change', callback);
+  });
+};
+export const removeMediaChangeListener = (callback) => {
+  Object.keys(medias).forEach((m) => {
+    media(m).removeEventListener('change', callback);
+  });
+};

package/dist/collection/utils/string-utils.js

@@ -1,13 +1,13 @@
-export function createParagraphsFromBrs(content) {
-  const replaced = content
-    .replace(/^\s*(?:<br\s*\/?>\s*)*/i, "")
-    .replace(/\s*(?:<br\s*\/?>\s*)*$/i, "")
-    .replace(/(?:<br\s*\/?>\s*?){2,}/gi, "</p><p>");
-  return `<p>${replaced}</p>`;
-}
-export function camelCase(dashString) {
-  return dashString
-    .replace(/-([a-z])/g, function (g) {
-    return g[1].toUpperCase();
-  });
-}
+export function createParagraphsFromBrs(content) {
+  const replaced = content
+    .replace(/^\s*(?:<br\s*\/?>\s*)*/i, "")
+    .replace(/\s*(?:<br\s*\/?>\s*)*$/i, "")
+    .replace(/(?:<br\s*\/?>\s*?){2,}/gi, "</p><p>");
+  return `<p>${replaced}</p>`;
+}
+export function camelCase(dashString) {
+  return dashString
+    .replace(/-([a-z])/g, function (g) {
+    return g[1].toUpperCase();
+  });
+}

package/dist/collection/utils/test-utils.js

@@ -1,27 +1,27 @@
-import { newE2EPage } from "@stencil/core/testing";
-export async function createPage(optionsOrHtml) {
-  const options = typeof optionsOrHtml === "string" ? { html: optionsOrHtml, viewportWidth: 600 } : optionsOrHtml;
-  const page = (await newE2EPage());
-  const viewport = Object.assign({ height: page.viewport().height }, { width: options.viewportWidth });
-  await page.setViewport(viewport);
-  await page.setContent(options.html, { waitUntil: "networkidle0" });
-  await page.evaluateHandle(() => document.fonts.ready);
-  // monkey patch screenshot function to add some extra features
-  const screenshot = page.screenshot;
-  page.screenshot = async function () {
-    // get the element's height, and set viewport to that height
-    // this enables us to get full page, clipped screenshots
-    const htmlElement = await page.$("html");
-    const { width, height } = await htmlElement.boundingBox();
-    await page.setViewport({ width: page.viewport().width, height: Math.round(height) });
-    return screenshot.call(page, {
-      clip: {
-        x: 0,
-        y: 0,
-        width: Math.round(width),
-        height: Math.round(height),
-      },
-    });
-  };
-  return page;
-}
+import { newE2EPage } from "@stencil/core/testing";
+export async function createPage(optionsOrHtml) {
+  const options = typeof optionsOrHtml === "string" ? { html: optionsOrHtml, viewportWidth: 600 } : optionsOrHtml;
+  const page = (await newE2EPage());
+  const viewport = Object.assign({ height: page.viewport().height }, { width: options.viewportWidth });
+  await page.setViewport(viewport);
+  await page.setContent(options.html, { waitUntil: "networkidle0" });
+  await page.evaluateHandle(() => document.fonts.ready);
+  // monkey patch screenshot function to add some extra features
+  const screenshot = page.screenshot;
+  page.screenshot = async function () {
+    // get the element's height, and set viewport to that height
+    // this enables us to get full page, clipped screenshots
+    const htmlElement = await page.$("html");
+    const { width, height } = await htmlElement.boundingBox();
+    await page.setViewport({ width: page.viewport().width, height: Math.round(height) });
+    return screenshot.call(page, {
+      clip: {
+        x: 0,
+        y: 0,
+        width: Math.round(width),
+        height: Math.round(height),
+      },
+    });
+  };
+  return page;
+}

package/dist/collection/utils/translation-utils.js

@@ -1,55 +1,55 @@
-const LANG_DE = "de";
-const LANG_EN = "en";
-const LANG_DEFAULT = LANG_DE;
-export const SUPPORTED_LANGUAGES = [
-  LANG_DE,
-  LANG_EN
-];
-function getLocale(element) {
-  const closestElement = element.closest("[lang]");
-  const locale = closestElement && closestElement.lang.split("-")[0];
-  if (SUPPORTED_LANGUAGES.indexOf(locale) === -1 || !locale) {
-    return LANG_DEFAULT;
-  }
-  else {
-    return locale;
-  }
-}
-export function tc(translation, count) {
-  if (!translation) {
-    return "";
-  }
-  const parts = translation.split('|');
-  let part = parts[0].trim();
-  if (parts.length === 3 && count === 1) {
-    part = parts[1].trim();
-  }
-  else if (parts.length === 3 && count > 1) {
-    part = parts[2].trim();
-  }
-  if (parts.length === 2 && count !== 1) {
-    part = parts[1].trim();
-  }
-  return part.replace(/\{n\}/ig, count.toString());
-}
-export async function fetchTranslations(host, component) {
-  const locale = getLocale(host);
-  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));
-  if (window.stzhComponents.cacheTranslations
-    && window.stzhComponents.version.match(/-dev-snapshot/i) === null
-    && existingTranslations
-    && Object.keys(existingTranslations).length > 0) {
-    return Object.assign(Object.assign({}, existingTranslations[component] || {}), { $globals: existingTranslations.$globals, $locale: existingTranslations.$code, $formats: existingTranslations.$formats });
-  }
-  try {
-    const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);
-    if (result.ok) {
-      const data = await result.json();
-      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));
-      return Object.assign(Object.assign({}, data[component] || {}), { $globals: data.$globals, $locale: data.$code, $formats: data.$formats });
-    }
-  }
-  catch (exception) {
-    console.error(`Error loading locale: ${locale}`, exception);
-  }
-}
+const LANG_DE = "de";
+const LANG_EN = "en";
+const LANG_DEFAULT = LANG_DE;
+export const SUPPORTED_LANGUAGES = [
+  LANG_DE,
+  LANG_EN
+];
+function getLocale(element) {
+  const closestElement = element.closest("[lang]");
+  const locale = closestElement && closestElement.lang.split("-")[0];
+  if (SUPPORTED_LANGUAGES.indexOf(locale) === -1 || !locale) {
+    return LANG_DEFAULT;
+  }
+  else {
+    return locale;
+  }
+}
+export function tc(translation, count) {
+  if (!translation) {
+    return "";
+  }
+  const parts = translation.split('|');
+  let part = parts[0].trim();
+  if (parts.length === 3 && count === 1) {
+    part = parts[1].trim();
+  }
+  else if (parts.length === 3 && count > 1) {
+    part = parts[2].trim();
+  }
+  if (parts.length === 2 && count !== 1) {
+    part = parts[1].trim();
+  }
+  return part.replace(/\{n\}/ig, count.toString());
+}
+export async function fetchTranslations(host, component) {
+  const locale = getLocale(host);
+  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));
+  if (window.stzhComponents.cacheTranslations
+    && window.stzhComponents.version.match(/-dev-snapshot/i) === null
+    && existingTranslations
+    && Object.keys(existingTranslations).length > 0) {
+    return Object.assign(Object.assign({}, existingTranslations[component] || {}), { $globals: existingTranslations.$globals, $locale: existingTranslations.$code, $formats: existingTranslations.$formats });
+  }
+  try {
+    const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);
+    if (result.ok) {
+      const data = await result.json();
+      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));
+      return Object.assign(Object.assign({}, data[component] || {}), { $globals: data.$globals, $locale: data.$code, $formats: data.$formats });
+    }
+  }
+  catch (exception) {
+    console.error(`Error loading locale: ${locale}`, exception);
+  }
+}

package/dist/collection/utils/utils.js

@@ -1,41 +1,80 @@
-// IMPORTANT: Don't use this to check for a default slot when shadow DOM is not used
-// https://github.com/shoelace-style/shoelace/blob/9f7bc29b5f13eda1beb1d4f9c952894a21e13322/src/components/card/card.tsx
-// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
-// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
-//
-export function hasSlot(el, name) {
-  // Look for a named slot
-  if (name) {
-    return el.querySelector(`[slot="${name}"]`) !== null;
-  }
-  // Look for a default slot
-  return Array.from(el.childNodes).some(node => {
-    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
-      return true;
-    }
-    if (node.nodeType === node.ELEMENT_NODE) {
-      const el = node;
-      if (!el.hasAttribute('slot')) {
-        return true;
-      }
-    }
-    return false;
-  });
-}
-export function getSlotText(el, name) {
-  if (!name) {
-    return "";
-  }
-  const slot = el.querySelector(`[slot="${name}"]`);
-  if (slot !== null) {
-    return slot.textContent;
-  }
-  return "";
-}
-export function setPropsIfNull(element, attributes) {
-  Object.keys(attributes).forEach(attribute => {
-    if (element.getAttribute(attribute) === null) {
-      element[attribute] = attributes[attribute];
-    }
-  });
-}
+// IMPORTANT: Don't use this to check for a default slot when shadow DOM is not used
+// https://github.com/shoelace-style/shoelace/blob/9f7bc29b5f13eda1beb1d4f9c952894a21e13322/src/components/card/card.tsx
+// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
+// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
+//
+export function hasSlot(el, name) {
+  // Look for a named slot
+  if (name) {
+    return el.querySelector(`[slot="${name}"]`) !== null;
+  }
+  // Look for a default slot
+  return Array.from(el.childNodes).some(node => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+      return true;
+    }
+    if (node.nodeType === node.ELEMENT_NODE) {
+      const el = node;
+      if (!el.hasAttribute('slot')) {
+        return true;
+      }
+    }
+    return false;
+  });
+}
+export function getSlotText(el, name) {
+  if (!name) {
+    return "";
+  }
+  const slot = el.querySelector(`[slot="${name}"]`);
+  if (slot !== null) {
+    return slot.textContent;
+  }
+  return "";
+}
+export function setPropsIfNull(element, attributes) {
+  Object.keys(attributes).forEach(attribute => {
+    if (element.getAttribute(attribute) === null) {
+      element[attribute] = attributes[attribute];
+    }
+  });
+}
+export function isStzhElement(element) {
+  if (!element) {
+    return false;
+  }
+  return element.tagName.toLowerCase().indexOf('stzh-') === 0;
+}
+// Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom) and potentially wrapped in normal elements (e.g. angular component)
+export function cloneElement(elementToClone) {
+  let clonedElement;
+  let clonedStzhElement;
+  let originalStzhElement;
+  if (isStzhElement(elementToClone)) {
+    clonedElement = elementToClone.cloneNode(true);
+    clonedStzhElement = clonedElement;
+    originalStzhElement = elementToClone;
+  }
+  else {
+    clonedElement = elementToClone.cloneNode();
+    let clonedInnerElementLast = clonedElement;
+    let originalInnerElementLast = elementToClone;
+    // clone inner root elements separately until we find a stzh element
+    while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {
+      originalInnerElementLast = originalInnerElementLast.children[0];
+      const clonedInnerElementCurrent = originalInnerElementLast.cloneNode();
+      clonedInnerElementLast.appendChild(clonedInnerElementCurrent);
+      clonedInnerElementLast = clonedInnerElementCurrent;
+    }
+    if (isStzhElement(originalInnerElementLast.children[0])) {
+      clonedStzhElement = originalInnerElementLast.children[0].cloneNode(true);
+      originalStzhElement = originalInnerElementLast.children[0];
+      clonedInnerElementLast.appendChild(clonedStzhElement);
+    }
+    else {
+      // no root stzh element found, so we give up and just deep clone the root
+      clonedElement = elementToClone.cloneNode(true);
+    }
+  }
+  return [clonedElement, clonedStzhElement, originalStzhElement];
+}

package/dist/components/animation-utils.js

@@ -1,40 +1,40 @@
-//
-// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
-//
-function animateTo(el, keyframes, options) {
-  return new Promise(resolve => {
-    if ((options === null || options === void 0 ? void 0 : options.duration) === Infinity) {
-      throw new Error('Promise-based animations must be finite.');
-    }
-    const animation = el.animate(keyframes, Object.assign(Object.assign({}, options), { duration: prefersReducedMotion() ? 0 : options.duration }));
-    animation.addEventListener('cancel', resolve, { once: true });
-    animation.addEventListener('finish', resolve, { once: true });
-  });
-}
-//
-// Tells if the user has enabled the "reduced motion" setting in their browser or OS.
-//
-function prefersReducedMotion() {
-  const query = window.matchMedia('(prefers-reduced-motion: reduce)');
-  return query.matches;
-}
-//
-// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
-//
-function stopAnimations(el) {
-  return Promise.all(el.getAnimations().map(animation => {
-    return new Promise(resolve => {
-      const handleAnimationEvent = requestAnimationFrame(resolve);
-      animation.addEventListener('cancel', () => handleAnimationEvent, { once: true });
-      animation.addEventListener('finish', () => handleAnimationEvent, { once: true });
-      animation.cancel();
-    });
-  }));
-}
-// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
-// element's scrollHeight before the animation.
-function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
-  return keyframes.map(keyframe => (Object.assign(Object.assign({}, keyframe), { height: keyframe.height === 'auto' ? `${calculatedHeight}px` : keyframe.height })));
+//
+// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
+//
+function animateTo(el, keyframes, options) {
+  return new Promise(resolve => {
+    if ((options === null || options === void 0 ? void 0 : options.duration) === Infinity) {
+      throw new Error('Promise-based animations must be finite.');
+    }
+    const animation = el.animate(keyframes, Object.assign(Object.assign({}, options), { duration: prefersReducedMotion() ? 0 : options.duration }));
+    animation.addEventListener('cancel', resolve, { once: true });
+    animation.addEventListener('finish', resolve, { once: true });
+  });
+}
+//
+// Tells if the user has enabled the "reduced motion" setting in their browser or OS.
+//
+function prefersReducedMotion() {
+  const query = window.matchMedia('(prefers-reduced-motion: reduce)');
+  return query.matches;
+}
+//
+// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
+//
+function stopAnimations(el) {
+  return Promise.all(el.getAnimations().map(animation => {
+    return new Promise(resolve => {
+      const handleAnimationEvent = requestAnimationFrame(resolve);
+      animation.addEventListener('cancel', () => handleAnimationEvent, { once: true });
+      animation.addEventListener('finish', () => handleAnimationEvent, { once: true });
+      animation.cancel();
+    });
+  }));
+}
+// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
+// element's scrollHeight before the animation.
+function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
+  return keyframes.map(keyframe => (Object.assign(Object.assign({}, keyframe), { height: keyframe.height === 'auto' ? `${calculatedHeight}px` : keyframe.height })));
 }
 
 export { animateTo as a, shimKeyframesHeightAuto as b, prefersReducedMotion as p, stopAnimations as s };

package/dist/components/arrow.js

@@ -1289,9 +1289,9 @@ const computePosition = (reference, floating, options) => computePosition$1(refe
   ...options
 });
 
-const Arrow = `<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 8L16 8L8 0L0 8Z" fill="currentColor"/>
-</svg>
+const Arrow = `<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 8L16 8L8 0L0 8Z" fill="currentColor"/>
+</svg>
 `;
 
 export { Arrow as A, autoUpdate as a, arrow as b, computePosition as c, flip as f, offset as o, shift as s };

package/dist/components/date-adapter.js

@@ -1,88 +1,88 @@
-const createGlobalAdapter = function (formats, globals) {
-  // format letters from https://www.php.net/manual/de/datetime.format.php
-  const globalFormatter = function (format, date) {
-    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
-      return "";
-    }
-    let j = date.getDate().toString(10);
-    let d = j;
-    let n = (date.getMonth() + 1).toString(10);
-    let m = n;
-    let yC = date.getFullYear().toString(10);
-    let gC = date.getHours().toString(10);
-    let hC = gC;
-    let i = date.getMinutes().toString(10);
-    // full textual representation of a month
-    let fC = globals.monthNames[date.getMonth()];
-    // short textual representation of a month
-    let mC = globals.monthNamesShort[date.getMonth()];
-    // full textual representation of the day
-    let l = globals.dayNames[date.getDay()];
-    // months *are* zero-indexed, pad if less than 9!
-    if (date.getMonth() < 9) {
-      m = `0${m}`;
-    }
-    if (date.getDate() < 10) {
-      d = `0${d}`;
-    }
-    if (date.getHours() < 10) {
-      hC = `0${hC}`;
-    }
-    if (date.getMinutes() < 10) {
-      i = `0${i}`;
-    }
-    return format
-      .replace(/\{j\}/g, j)
-      .replace(/\{d\}/g, d)
-      .replace(/\{l\}/g, l)
-      .replace(/\{n\}/g, n)
-      .replace(/\{m\}/g, m)
-      .replace(/\{F\}/g, fC)
-      .replace(/\{M\}/g, mC)
-      .replace(/\{Y\}/g, yC)
-      .replace(/\{H\}/g, hC)
-      .replace(/\{G\}/g, gC)
-      .replace(/\{i\}/g, i);
-  };
-  const globalParser = function (parse, input) {
-    if (!input) {
-      return;
-    }
-    const regex = new RegExp(parse);
-    const match = input.match(regex);
-    if (match) {
-      const { groups } = match;
-      const year = parseInt(groups.Y || '', 10);
-      const month = parseInt(groups.n || groups.m || '', 10);
-      const day = parseInt(groups.j || groups.d || '', 10);
-      const hours = parseInt(groups.G || groups.H || '', 10);
-      const minutes = parseInt(groups.i || '', 10);
-      return new Date(!isNaN(year) ? year : null, !isNaN(month) ? month - 1 : null, !isNaN(day) ? day : null, !isNaN(hours) ? hours : null, !isNaN(minutes) ? minutes : null);
-    }
-  };
-  const globalAdapter = {
-    format: function (date, type = "date") {
-      var _a;
-      const dateFormats = Object.assign(Object.assign({}, formats[type]), ((_a = window.stzhComponents) === null || _a === void 0 ? void 0 : _a.formats[type]) || {});
-      if (typeof dateFormats.format === "string") {
-        return globalFormatter(dateFormats.format, date);
-      }
-      else {
-        return dateFormats.format(date);
-      }
-    },
-    parse: function (input, type = "date") {
-      var _a;
-      const dateFormats = Object.assign(Object.assign({}, formats[type]), ((_a = window.stzhComponents) === null || _a === void 0 ? void 0 : _a.formats[type]) || {});
-      if (typeof dateFormats.parse === "string") {
-        return globalParser(dateFormats.parse, input);
-      }
-      else {
-        return dateFormats.parse(input);
-      }
-    }
-  };
-  return globalAdapter;
+const createGlobalAdapter = function (formats, globals) {
+  // format letters from https://www.php.net/manual/de/datetime.format.php
+  const globalFormatter = function (format, date) {
+    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
+      return "";
+    }
+    let j = date.getDate().toString(10);
+    let d = j;
+    let n = (date.getMonth() + 1).toString(10);
+    let m = n;
+    let yC = date.getFullYear().toString(10);
+    let gC = date.getHours().toString(10);
+    let hC = gC;
+    let i = date.getMinutes().toString(10);
+    // full textual representation of a month
+    let fC = globals.monthNames[date.getMonth()];
+    // short textual representation of a month
+    let mC = globals.monthNamesShort[date.getMonth()];
+    // full textual representation of the day
+    let l = globals.dayNames[date.getDay()];
+    // months *are* zero-indexed, pad if less than 9!
+    if (date.getMonth() < 9) {
+      m = `0${m}`;
+    }
+    if (date.getDate() < 10) {
+      d = `0${d}`;
+    }
+    if (date.getHours() < 10) {
+      hC = `0${hC}`;
+    }
+    if (date.getMinutes() < 10) {
+      i = `0${i}`;
+    }
+    return format
+      .replace(/\{j\}/g, j)
+      .replace(/\{d\}/g, d)
+      .replace(/\{l\}/g, l)
+      .replace(/\{n\}/g, n)
+      .replace(/\{m\}/g, m)
+      .replace(/\{F\}/g, fC)
+      .replace(/\{M\}/g, mC)
+      .replace(/\{Y\}/g, yC)
+      .replace(/\{H\}/g, hC)
+      .replace(/\{G\}/g, gC)
+      .replace(/\{i\}/g, i);
+  };
+  const globalParser = function (parse, input) {
+    if (!input) {
+      return;
+    }
+    const regex = new RegExp(parse);
+    const match = input.match(regex);
+    if (match) {
+      const { groups } = match;
+      const year = parseInt(groups.Y || '', 10);
+      const month = parseInt(groups.n || groups.m || '', 10);
+      const day = parseInt(groups.j || groups.d || '', 10);
+      const hours = parseInt(groups.G || groups.H || '', 10);
+      const minutes = parseInt(groups.i || '', 10);
+      return new Date(!isNaN(year) ? year : null, !isNaN(month) ? month - 1 : null, !isNaN(day) ? day : null, !isNaN(hours) ? hours : null, !isNaN(minutes) ? minutes : null);
+    }
+  };
+  const globalAdapter = {
+    format: function (date, type = "date") {
+      var _a;
+      const dateFormats = Object.assign(Object.assign({}, formats[type]), ((_a = window.stzhComponents) === null || _a === void 0 ? void 0 : _a.formats[type]) || {});
+      if (typeof dateFormats.format === "string") {
+        return globalFormatter(dateFormats.format, date);
+      }
+      else {
+        return dateFormats.format(date);
+      }
+    },
+    parse: function (input, type = "date") {
+      var _a;
+      const dateFormats = Object.assign(Object.assign({}, formats[type]), ((_a = window.stzhComponents) === null || _a === void 0 ? void 0 : _a.formats[type]) || {});
+      if (typeof dateFormats.parse === "string") {
+        return globalParser(dateFormats.parse, input);
+      }
+      else {
+        return dateFormats.parse(input);
+      }
+    }
+  };
+  return globalAdapter;
 };
 
 export { createGlobalAdapter as c };

package/dist/components/event-utils.js

@@ -1,16 +1,16 @@
-//
-// Waits for a specific event to be emitted from an element. Ignores events that bubble up from child elements.
-//
-function waitForEvent(el, eventName) {
-  return new Promise(resolve => {
-    function done(event) {
-      if (event.target === el) {
-        el.removeEventListener(eventName, done);
-        resolve();
-      }
-    }
-    el.addEventListener(eventName, done);
-  });
+//
+// Waits for a specific event to be emitted from an element. Ignores events that bubble up from child elements.
+//
+function waitForEvent(el, eventName) {
+  return new Promise(resolve => {
+    function done(event) {
+      if (event.target === el) {
+        el.removeEventListener(eventName, done);
+        resolve();
+      }
+    }
+    el.addEventListener(eventName, done);
+  });
 }
 
 export { waitForEvent as w };