@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8

package/dist/esm/{event-listeners-1bef934e.js → event-listeners-570a24ea.js}

@@ -1,41 +1,41 @@
-const equals = (a) => (b) => Object.keys(a).every((key) => a[key] === b[key]);
-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) => {
-      const sameItem = equals({ el, name, listener });
-      this.eventListeners = this.getFilteredEventListeners(sameItem);
-    };
-    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) {
-        const { el, name, listener } = this.eventListeners.pop();
-        el.removeEventListener(name, listener);
-      }
-    };
-  }
-  getFilteredEventListeners(sameItem) {
-    return this.eventListeners.filter((item) => {
-      if (sameItem(item)) {
-        item.el.removeEventListener(item.name, item.listener);
-        return false;
-      }
-      else {
-        return true;
-      }
-    });
-  }
+const equals = (a) => (b) => Object.keys(a).every((key) => a[key] === b[key]);
+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) => {
+      const sameItem = equals({ el, name, listener });
+      this.eventListeners = this.getFilteredEventListeners(sameItem);
+    };
+    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) {
+        const { el, name, listener } = this.eventListeners.pop();
+        el.removeEventListener(name, listener);
+      }
+    };
+  }
+  getFilteredEventListeners(sameItem) {
+    return this.eventListeners.filter((item) => {
+      if (sameItem(item)) {
+        item.el.removeEventListener(item.name, item.listener);
+        return false;
+      }
+      else {
+        return true;
+      }
+    });
+  }
 }
 
 export { EventListeners as E };

package/dist/esm/{execution-control-235f5126.js → execution-control-1a60d709.js}

@@ -1,38 +1,38 @@
-const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;
-const DEFAULT_DEBOUNCE_FAST = 300;
-/**
- * Debounce function to implement a timeframe to wait for no new changes before executing a callback
-
- *  example usages:
- *    debounce(() => saveInput());
- *    debounce(() => saveInput(), 750);
- *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));
- *
- *  regarding default timeout check https://lawsofux.com/doherty-threshold/
- *
- * @param callback
- * @param timeout
- */
-const debounce = (callback, timeout = DEFAULT_DEBOUNCE_FAST) => {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => callback.apply(undefined, args), timeout);
-  };
-};
-/**
- * Debounce an event
- *
- * @param event
- * @param timeout
- */
-const debounceEvent = (event, timeout) => {
-  const original = event._original || event;
-  const emit = debounce(original.emit.bind(original), timeout);
-  return {
-    _original: event,
-    emit: emit,
-  };
+const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;
+const DEFAULT_DEBOUNCE_FAST = 300;
+/**
+ * Debounce function to implement a timeframe to wait for no new changes before executing a callback
+
+ *  example usages:
+ *    debounce(() => saveInput());
+ *    debounce(() => saveInput(), 750);
+ *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));
+ *
+ *  regarding default timeout check https://lawsofux.com/doherty-threshold/
+ *
+ * @param callback
+ * @param timeout
+ */
+const debounce = (callback, timeout = DEFAULT_DEBOUNCE_FAST) => {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => callback.apply(undefined, args), timeout);
+  };
+};
+/**
+ * Debounce an event
+ *
+ * @param event
+ * @param timeout
+ */
+const debounceEvent = (event, timeout) => {
+  const original = event._original || event;
+  const emit = debounce(original.emit.bind(original), timeout);
+  return {
+    _original: event,
+    emit: emit,
+  };
 };
 
 export { DEFAULT_DEBOUNCE_FAST as D, debounce as a, DEFAULT_DEBOUNCE_INSANELY_FAST as b, debounceEvent as d };

package/dist/esm/{focus-visible-4b7946aa.js → focus-visible-97933ea9.js}

@@ -1,43 +1,43 @@
-//
-// 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)
-    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)
-    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,
+//
+// 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)
+    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)
+    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,
 };
 
 export { focusVisible as f };

package/dist/esm/{form-control-17478ad2.js → form-control-24f446af.js}

@@ -1,30 +1,30 @@
 import { h } from './index-a2605a62.js';
 
-const FormControl = (props, children) => {
-  const hasLabel = props.label ? true : props.hasLabelSlot;
-  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;
-  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */
-  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;
-  return (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': props.displayError,
-      'form-control--disabled': props.disabled,
-      'form-control--invalid': props.displayError && !props.disabled,
-    } },
-    h("label", { part: "label", id: props.labelId, class: {
-        'form-control__label': true,
-        'form-control__label__required': props.required,
-      }, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
-      h("slot", { name: "label" }, props.label)),
-    h("div", { class: "form-control__input" }, children),
-    h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": props.displayError ? 'false' : 'true' }, useErrorTextAttribute ? props.errorText : h("slot", { name: "error-text" })),
-    h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
-      h("slot", { name: "help-text" }, props.helpText))));
+const FormControl = (props, children) => {
+  const hasLabel = props.label ? true : props.hasLabelSlot;
+  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;
+  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */
+  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;
+  return (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': props.displayError,
+      'form-control--disabled': props.disabled,
+      'form-control--invalid': props.displayError && !props.disabled,
+    } },
+    h("label", { part: "label", id: props.labelId, class: {
+        'form-control__label': true,
+        'form-control__label__required': props.required,
+      }, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
+      h("slot", { name: "label" }, props.label)),
+    h("div", { class: "form-control__input" }, children),
+    h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": props.displayError ? 'false' : 'true' }, useErrorTextAttribute ? props.errorText : h("slot", { name: "error-text" })),
+    h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
+      h("slot", { name: "help-text" }, props.helpText))));
 };
 
 export { FormControl as F };

package/dist/esm/{modal-e5709f6b.js → modal-5ebdc320.js}

@@ -1,46 +1,46 @@
-//
-// Determines if the browser supports focus({ preventScroll })
-//
-const isPreventScrollSupported = () => {
-  let supported = false;
-  const element = document.createElement('div');
-  element.focus &&
-    element.focus({
-      get preventScroll() {
-        supported = true;
-        return false;
-      },
-    });
-  return supported;
+//
+// Determines if the browser supports focus({ preventScroll })
+//
+const isPreventScrollSupported = () => {
+  let supported = false;
+  const element = document.createElement('div');
+  element.focus &&
+    element.focus({
+      get preventScroll() {
+        supported = true;
+        return false;
+      },
+    });
+  return supported;
 };
 
-let activeModals = [];
-class Modal {
-  constructor(element, options) {
-    this.element = element;
-    this.options = options;
-    this.handleFocusIn = this.handleFocusIn.bind(this);
-  }
-  activate() {
-    activeModals.push(this.element);
-    document.addEventListener('focusin', this.handleFocusIn);
-  }
-  deactivate() {
-    activeModals = activeModals.filter((modal) => modal !== this.element);
-    document.removeEventListener('focusin', this.handleFocusIn);
-  }
-  isActive() {
-    // The "active" modal is always the most recent one shown
-    return activeModals[activeModals.length - 1] === this.element;
-  }
-  handleFocusIn(event) {
-    const target = event.target;
-    const tagName = this.element.tagName.toLowerCase();
-    // If focus is lost while the modal is active, run the onFocusOut callback
-    if (this.isActive() && target.closest(tagName) !== this.element && typeof this.options.onFocusOut === 'function') {
-      this.options.onFocusOut(event);
-    }
-  }
+let activeModals = [];
+class Modal {
+  constructor(element, options) {
+    this.element = element;
+    this.options = options;
+    this.handleFocusIn = this.handleFocusIn.bind(this);
+  }
+  activate() {
+    activeModals.push(this.element);
+    document.addEventListener('focusin', this.handleFocusIn);
+  }
+  deactivate() {
+    activeModals = activeModals.filter((modal) => modal !== this.element);
+    document.removeEventListener('focusin', this.handleFocusIn);
+  }
+  isActive() {
+    // The "active" modal is always the most recent one shown
+    return activeModals[activeModals.length - 1] === this.element;
+  }
+  handleFocusIn(event) {
+    const target = event.target;
+    const tagName = this.element.tagName.toLowerCase();
+    // If focus is lost while the modal is active, run the onFocusOut callback
+    if (this.isActive() && target.closest(tagName) !== this.element && typeof this.options.onFocusOut === 'function') {
+      this.options.onFocusOut(event);
+    }
+  }
 }
 
 export { Modal as M, isPreventScrollSupported as i };

package/dist/esm/{popover-5a51f84d.js → popover-1c7a1139.js}

@@ -1796,101 +1796,101 @@ var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
-//
-class Popover {
-  constructor(anchor, popover, options) {
-    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);
-    this.anchor = anchor;
-    this.popover = popover;
-    this.options = Object.assign({
-      skidding: 0,
-      distance: 0,
-      placement: 'bottom-start',
-      strategy: 'absolute',
-      transitionElement: this.popover,
-      visibleClass: 'popover-visible',
-      onAfterShow: () => { },
-      onAfterHide: () => { },
-      onTransitionEnd: () => { },
-    }, options);
-    this.isVisible = false;
-    this.popover.hidden = true;
-    this.popover.classList.remove(this.options.visibleClass);
-    this.popover.addEventListener('transitionend', this.handleTransitionEnd);
-  }
-  handleTransitionEnd(event) {
-    const target = event.target;
-    // Make sure the transition event originates from from the correct element, and not one that has bubbled up
-    if (target === this.options.transitionElement) {
-      // This is called before the element is hidden so users can do things like reset scroll. It will fire once for
-      // every transition property. Use `event.propertyName` to determine which property has finished transitioning.
-      this.options.onTransitionEnd.call(this, event);
-      // Make sure we only do this once, since transitionend will fire for every transition
-      if (!this.isVisible && !this.popover.hidden) {
-        this.popover.hidden = true;
-        this.popover.classList.remove(this.options.visibleClass);
-        this.options.onAfterHide.call(this);
-      }
-    }
-  }
-  destroy() {
-    this.popover.removeEventListener('transitionend', this.handleTransitionEnd);
-    if (this.popper) {
-      this.popper.destroy();
-      this.popper = null;
-    }
-  }
-  show() {
-    this.isVisible = true;
-    this.popover.hidden = false;
-    requestAnimationFrame(() => this.popover.classList.add(this.options.visibleClass));
-    if (this.popper) {
-      this.popper.destroy();
-    }
-    this.popper = createPopper(this.anchor, this.popover, {
-      placement: this.options.placement,
-      strategy: this.options.strategy,
-      modifiers: [
-        {
-          name: 'flip',
-          options: {
-            boundary: 'viewport',
-          },
-        },
-        {
-          name: 'offset',
-          options: {
-            offset: [this.options.skidding, this.options.distance],
-          },
-        },
-      ],
-    });
-    this.popover.addEventListener('transitionend', () => this.options.onAfterShow.call(this), { once: true });
-    // Reposition the menu after it appears in case a modifier kicked in
-    requestAnimationFrame(() => { var _a; return (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update(); });
-  }
-  reposition() {
-    this.popper.update();
-  }
-  hide() {
-    // Apply the hidden styles and wait for the transition before hiding completely
-    this.isVisible = false;
-    this.popover.classList.remove(this.options.visibleClass);
-  }
-  setOptions(options) {
-    this.options = Object.assign(this.options, options);
-    this.isVisible
-      ? this.popover.classList.add(this.options.visibleClass)
-      : this.popover.classList.remove(this.options.visibleClass);
-    // Update popper options
-    if (this.popper) {
-      this.popper.setOptions({
-        placement: this.options.placement,
-        strategy: this.options.strategy,
-      });
-      requestAnimationFrame(() => this.popper.update());
-    }
-  }
+//
+class Popover {
+  constructor(anchor, popover, options) {
+    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);
+    this.anchor = anchor;
+    this.popover = popover;
+    this.options = Object.assign({
+      skidding: 0,
+      distance: 0,
+      placement: 'bottom-start',
+      strategy: 'absolute',
+      transitionElement: this.popover,
+      visibleClass: 'popover-visible',
+      onAfterShow: () => { },
+      onAfterHide: () => { },
+      onTransitionEnd: () => { },
+    }, options);
+    this.isVisible = false;
+    this.popover.hidden = true;
+    this.popover.classList.remove(this.options.visibleClass);
+    this.popover.addEventListener('transitionend', this.handleTransitionEnd);
+  }
+  handleTransitionEnd(event) {
+    const target = event.target;
+    // Make sure the transition event originates from from the correct element, and not one that has bubbled up
+    if (target === this.options.transitionElement) {
+      // This is called before the element is hidden so users can do things like reset scroll. It will fire once for
+      // every transition property. Use `event.propertyName` to determine which property has finished transitioning.
+      this.options.onTransitionEnd.call(this, event);
+      // Make sure we only do this once, since transitionend will fire for every transition
+      if (!this.isVisible && !this.popover.hidden) {
+        this.popover.hidden = true;
+        this.popover.classList.remove(this.options.visibleClass);
+        this.options.onAfterHide.call(this);
+      }
+    }
+  }
+  destroy() {
+    this.popover.removeEventListener('transitionend', this.handleTransitionEnd);
+    if (this.popper) {
+      this.popper.destroy();
+      this.popper = null;
+    }
+  }
+  show() {
+    this.isVisible = true;
+    this.popover.hidden = false;
+    requestAnimationFrame(() => this.popover.classList.add(this.options.visibleClass));
+    if (this.popper) {
+      this.popper.destroy();
+    }
+    this.popper = createPopper(this.anchor, this.popover, {
+      placement: this.options.placement,
+      strategy: this.options.strategy,
+      modifiers: [
+        {
+          name: 'flip',
+          options: {
+            boundary: 'viewport',
+          },
+        },
+        {
+          name: 'offset',
+          options: {
+            offset: [this.options.skidding, this.options.distance],
+          },
+        },
+      ],
+    });
+    this.popover.addEventListener('transitionend', () => this.options.onAfterShow.call(this), { once: true });
+    // Reposition the menu after it appears in case a modifier kicked in
+    requestAnimationFrame(() => { var _a; return (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update(); });
+  }
+  reposition() {
+    this.popper.update();
+  }
+  hide() {
+    // Apply the hidden styles and wait for the transition before hiding completely
+    this.isVisible = false;
+    this.popover.classList.remove(this.options.visibleClass);
+  }
+  setOptions(options) {
+    this.options = Object.assign(this.options, options);
+    this.isVisible
+      ? this.popover.classList.add(this.options.visibleClass)
+      : this.popover.classList.remove(this.options.visibleClass);
+    // Update popper options
+    if (this.popper) {
+      this.popper.setOptions({
+        placement: this.options.placement,
+        strategy: this.options.strategy,
+      });
+      requestAnimationFrame(() => this.popper.update());
+    }
+  }
 }
 
 export { Popover as P };