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

package/dist/collection/utils/slot.js

@@ -1,59 +1,59 @@
-//
-// Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated
-// HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
-//
-export function getInnerHTML(slot) {
-  const nodes = slot.assignedNodes({ flatten: true });
-  let html = '';
-  [...nodes].map((node) => {
-    if (node.nodeType === Node.ELEMENT_NODE) {
-      html += node.outerHTML;
-    }
-    if (node.nodeType === Node.TEXT_NODE) {
-      html += node.textContent;
-    }
-  });
-  return html;
-}
-//
-// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
-// string. This is useful because we can't use slot.textContent as an alternative.
-//
-export function getTextContent(slot) {
-  const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
-  let text = '';
-  [...nodes].map((node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      text += node.textContent;
-    }
-  });
-  return text;
-}
-//
-// 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;
-  });
-}
-const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
-export const getAvailableSlots = (slots) => (host) => Object.values(slots)
-  .map((name) => [name, hasSlot(host, name)])
-  .reduce(fromPairs, {});
-export const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };
+//
+// Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated
+// HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
+//
+export function getInnerHTML(slot) {
+  const nodes = slot.assignedNodes({ flatten: true });
+  let html = '';
+  [...nodes].map((node) => {
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      html += node.outerHTML;
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      html += node.textContent;
+    }
+  });
+  return html;
+}
+//
+// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
+// string. This is useful because we can't use slot.textContent as an alternative.
+//
+export function getTextContent(slot) {
+  const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
+  let text = '';
+  [...nodes].map((node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      text += node.textContent;
+    }
+  });
+  return text;
+}
+//
+// 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;
+  });
+}
+const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
+export const getAvailableSlots = (slots) => (host) => Object.values(slots)
+  .map((name) => [name, hasSlot(host, name)])
+  .reduce(fromPairs, {});
+export const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };

package/dist/collection/utils/support.js

@@ -1,15 +1,15 @@
-//
-// Determines if the browser supports focus({ preventScroll })
-//
-export 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 })
+//
+export const isPreventScrollSupported = () => {
+  let supported = false;
+  const element = document.createElement('div');
+  element.focus &&
+    element.focus({
+      get preventScroll() {
+        supported = true;
+        return false;
+      },
+    });
+  return supported;
+};

package/dist/collection/utils/tabbable.js

@@ -1,22 +1,22 @@
-export function isTabbable(el) {
-  const tabIndex = el.tabIndex;
-  return tabIndex > -1;
-}
-export function getNearestTabbableElement(el) {
-  // Check the element
-  if (isTabbable(el)) {
-    return el;
-  }
-  // Check the element's shadow root
-  if (el.shadowRoot) {
-    const tabbableShadowChild = [...el.shadowRoot.children].find(isTabbable);
-    if (tabbableShadowChild) {
-      return tabbableShadowChild;
-    }
-  }
-  // Check the element's children
-  if (el.children) {
-    return [...el.children].map(getNearestTabbableElement)[0];
-  }
-  return null;
-}
+export function isTabbable(el) {
+  const tabIndex = el.tabIndex;
+  return tabIndex > -1;
+}
+export function getNearestTabbableElement(el) {
+  // Check the element
+  if (isTabbable(el)) {
+    return el;
+  }
+  // Check the element's shadow root
+  if (el.shadowRoot) {
+    const tabbableShadowChild = [...el.shadowRoot.children].find(isTabbable);
+    if (tabbableShadowChild) {
+      return tabbableShadowChild;
+    }
+  }
+  // Check the element's children
+  if (el.children) {
+    return [...el.children].map(getNearestTabbableElement)[0];
+  }
+  return null;
+}

package/dist/collection/utils/testing.js

@@ -1,38 +1,38 @@
-export const selectByTestId = async (page, testId) => {
-  const found = await page.evaluateHandle((testId) => {
-    const isSlotElement = (value) => value && value.tagName.toLowerCase() === 'slot';
-    const byTestId = (el) => {
-      var _a;
-      if (el.getAttribute('data-testid') === testId) {
-        return el;
-      }
-      if (isSlotElement(el)) {
-        for (const child of el.assignedElements({ flatten: true })) {
-          const found = byTestId(child);
-          if (found) {
-            return found;
-          }
-        }
-      }
-      for (const child of el.children || []) {
-        const found = byTestId(child);
-        if (found) {
-          return found;
-        }
-      }
-      for (const child of ((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children) || []) {
-        const found = byTestId(child);
-        if (found) {
-          return found;
-        }
-      }
-    };
-    return byTestId(document.body);
-  }, testId);
-  if (found) {
-    return found.asElement();
-  }
-  else {
-    return null;
-  }
-};
+export const selectByTestId = async (page, testId) => {
+  const found = await page.evaluateHandle((testId) => {
+    const isSlotElement = (value) => value && value.tagName.toLowerCase() === 'slot';
+    const byTestId = (el) => {
+      var _a;
+      if (el.getAttribute('data-testid') === testId) {
+        return el;
+      }
+      if (isSlotElement(el)) {
+        for (const child of el.assignedElements({ flatten: true })) {
+          const found = byTestId(child);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      for (const child of el.children || []) {
+        const found = byTestId(child);
+        if (found) {
+          return found;
+        }
+      }
+      for (const child of ((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children) || []) {
+        const found = byTestId(child);
+        if (found) {
+          return found;
+        }
+      }
+    };
+    return byTestId(document.body);
+  }, testId);
+  if (found) {
+    return found.asElement();
+  }
+  else {
+    return null;
+  }
+};

package/dist/collection/utils/time.util.js

@@ -1,74 +1,74 @@
-/*
- * Returns the current time in the format of your choice
- */
-import { SixTimePeriod, TIME_FORMAT_CHAR, TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP, } from '../components/six-timepicker/six-timepicker.types';
-export const getCurrentTimeIn24Hours = () => {
-  const now = new Date();
-  return {
-    hours: now.getHours(),
-    minutes: now.getMinutes(),
-    seconds: now.getSeconds(),
-    milliseconds: now.getMilliseconds(),
-    has24Hours: true,
-  };
-};
-const HOURS_IN_12_HOUR_CLOCK_FORMAT = 12;
-export const getHoursIn12HourFormat = (hours) => hours > HOURS_IN_12_HOUR_CLOCK_FORMAT ? hours - HOURS_IN_12_HOUR_CLOCK_FORMAT : hours;
-export const getCurrentTimeIn12Hours = () => {
-  const now = new Date();
-  const hours = now.getHours();
-  return {
-    hours: getHoursIn12HourFormat(hours),
-    minutes: now.getMinutes(),
-    seconds: now.getSeconds(),
-    milliseconds: now.getMilliseconds(),
-    has24Hours: false,
-    period: hours >= HOURS_IN_12_HOUR_CLOCK_FORMAT ? SixTimePeriod.PM : SixTimePeriod.AM,
-  };
-};
-export const getCurrentTime = (has24Hours = true) => {
-  return has24Hours ? getCurrentTimeIn24Hours() : getCurrentTimeIn12Hours();
-};
-export const TIME_FORMAT_SEPARATOR = ':';
-export const isValidTimeString = (timeStr, format) => {
-  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
-  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
-  return timeStringParts.length === timeFormatParts.length;
-};
-export const parseTimeString = (timeStr, format) => {
-  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
-  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
-  if (!isValidTimeString(timeStr, format)) {
-    console.error(`Timestring did not match expected format.\nExpected format: ${format}\nReceived timestring: ${timeStr}`);
-  }
-  const sixTime = {};
-  timeStringParts.forEach((timeStringPart, i) => {
-    const formatStringPart = timeFormatParts[i];
-    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[formatStringPart];
-    if (sixTimePropertyName !== undefined) {
-      if (formatStringPart === TIME_FORMAT_CHAR.PERIOD) {
-        sixTime.period = timeStringPart.toUpperCase() === SixTimePeriod.PM ? SixTimePeriod.PM : SixTimePeriod.AM;
-      }
-      else {
-        sixTime[sixTimePropertyName] = Number(timeStringPart);
-      }
-    }
-    if (formatStringPart === TIME_FORMAT_CHAR.HOUR_24) {
-      sixTime.has24Hours = true;
-    }
-    else if (formatStringPart === TIME_FORMAT_CHAR.HOUR_12) {
-      sixTime.has24Hours = false;
-    }
-  });
-  return sixTime;
-};
-export const createTimeString = (time, format) => {
-  return format
-    .split(TIME_FORMAT_SEPARATOR)
-    .map((timeFormatPart) => {
-    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[timeFormatPart];
-    const paddingLength = timeFormatPart === TIME_FORMAT_CHAR.MILLISECOND ? 3 : 2;
-    return String(time[sixTimePropertyName]).padStart(paddingLength, '0');
-  })
-    .join(TIME_FORMAT_SEPARATOR);
-};
+/*
+ * Returns the current time in the format of your choice
+ */
+import { SixTimePeriod, TIME_FORMAT_CHAR, TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP, } from '../components/six-timepicker/six-timepicker.types';
+export const getCurrentTimeIn24Hours = () => {
+  const now = new Date();
+  return {
+    hours: now.getHours(),
+    minutes: now.getMinutes(),
+    seconds: now.getSeconds(),
+    milliseconds: now.getMilliseconds(),
+    has24Hours: true,
+  };
+};
+const HOURS_IN_12_HOUR_CLOCK_FORMAT = 12;
+export const getHoursIn12HourFormat = (hours) => hours > HOURS_IN_12_HOUR_CLOCK_FORMAT ? hours - HOURS_IN_12_HOUR_CLOCK_FORMAT : hours;
+export const getCurrentTimeIn12Hours = () => {
+  const now = new Date();
+  const hours = now.getHours();
+  return {
+    hours: getHoursIn12HourFormat(hours),
+    minutes: now.getMinutes(),
+    seconds: now.getSeconds(),
+    milliseconds: now.getMilliseconds(),
+    has24Hours: false,
+    period: hours >= HOURS_IN_12_HOUR_CLOCK_FORMAT ? SixTimePeriod.PM : SixTimePeriod.AM,
+  };
+};
+export const getCurrentTime = (has24Hours = true) => {
+  return has24Hours ? getCurrentTimeIn24Hours() : getCurrentTimeIn12Hours();
+};
+export const TIME_FORMAT_SEPARATOR = ':';
+export const isValidTimeString = (timeStr, format) => {
+  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
+  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
+  return timeStringParts.length === timeFormatParts.length;
+};
+export const parseTimeString = (timeStr, format) => {
+  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
+  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
+  if (!isValidTimeString(timeStr, format)) {
+    console.error(`Timestring did not match expected format.\nExpected format: ${format}\nReceived timestring: ${timeStr}`);
+  }
+  const sixTime = {};
+  timeStringParts.forEach((timeStringPart, i) => {
+    const formatStringPart = timeFormatParts[i];
+    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[formatStringPart];
+    if (sixTimePropertyName !== undefined) {
+      if (formatStringPart === TIME_FORMAT_CHAR.PERIOD) {
+        sixTime.period = timeStringPart.toUpperCase() === SixTimePeriod.PM ? SixTimePeriod.PM : SixTimePeriod.AM;
+      }
+      else {
+        sixTime[sixTimePropertyName] = Number(timeStringPart);
+      }
+    }
+    if (formatStringPart === TIME_FORMAT_CHAR.HOUR_24) {
+      sixTime.has24Hours = true;
+    }
+    else if (formatStringPart === TIME_FORMAT_CHAR.HOUR_12) {
+      sixTime.has24Hours = false;
+    }
+  });
+  return sixTime;
+};
+export const createTimeString = (time, format) => {
+  return format
+    .split(TIME_FORMAT_SEPARATOR)
+    .map((timeFormatPart) => {
+    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[timeFormatPart];
+    const paddingLength = timeFormatPart === TIME_FORMAT_CHAR.MILLISECOND ? 3 : 2;
+    return String(time[sixTimePropertyName]).padStart(paddingLength, '0');
+  })
+    .join(TIME_FORMAT_SEPARATOR);
+};

package/dist/collection/utils/type-check.js

@@ -1,5 +1,5 @@
-export const isString = (value) => typeof value === 'string';
-// only use '==' instead of '===' to also catch undefined and void
-export const isNil = (value) => value == null;
-export const isDate = (value) => value instanceof Date;
-export const isNumber = (value) => value === 'number';
+export const isString = (value) => typeof value === 'string';
+// only use '==' instead of '===' to also catch undefined and void
+export const isNil = (value) => value == null;
+export const isDate = (value) => value instanceof Date;
+export const isNumber = (value) => value === 'number';

package/dist/collection/utils/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/collection/wrappers/set-attributes/set-attributes.js

@@ -1,68 +1,68 @@
-import { Component, Element, Watch, Prop, h } from '@stencil/core';
-export class SetAttributes {
-  constructor() {
-    /** Attributes map */
-    this.value = {};
-  }
-  componentWillLoad() {
-    this.injectAttrs();
-  }
-  attrsUpdated() {
-    this.injectAttrs();
-  }
-  injectAttrs() {
-    const slot = this.host.firstElementChild;
-    if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-      return;
-    }
-    const child = slot.assignedElements().pop();
-    if (!child) {
-      return;
-    }
-    const types = {
-      // no need for function and bigint
-      undefined: (key) => child.removeAttribute(key),
-      boolean: (key, value) => {
-        if (value) {
-          child.setAttribute(key, '');
-        }
-        else {
-          child.removeAttribute(key);
-        }
-      },
-      number: (key, value) => child.setAttribute(key, value),
-      string: (key, value) => child.setAttribute(key, value),
-      object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-    };
-    for (const [key, value] of Object.entries(this.value)) {
-      types[typeof value](key, value);
-    }
-  }
-  render() {
-    return h("slot", null);
-  }
-  static get is() { return "set-attributes"; }
-  static get properties() { return {
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{}",
-        "resolved": "{}",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Attributes map"
-      },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "attrsUpdated"
-    }]; }
-}
+import { Component, Element, Watch, Prop, h } from '@stencil/core';
+export class SetAttributes {
+  constructor() {
+    /** Attributes map */
+    this.value = {};
+  }
+  componentWillLoad() {
+    this.injectAttrs();
+  }
+  attrsUpdated() {
+    this.injectAttrs();
+  }
+  injectAttrs() {
+    const slot = this.host.firstElementChild;
+    if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
+      return;
+    }
+    const child = slot.assignedElements().pop();
+    if (!child) {
+      return;
+    }
+    const types = {
+      // no need for function and bigint
+      undefined: (key) => child.removeAttribute(key),
+      boolean: (key, value) => {
+        if (value) {
+          child.setAttribute(key, '');
+        }
+        else {
+          child.removeAttribute(key);
+        }
+      },
+      number: (key, value) => child.setAttribute(key, value),
+      string: (key, value) => child.setAttribute(key, value),
+      object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
+    };
+    for (const [key, value] of Object.entries(this.value)) {
+      types[typeof value](key, value);
+    }
+  }
+  render() {
+    return h("slot", null);
+  }
+  static get is() { return "set-attributes"; }
+  static get properties() { return {
+    "value": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "{}",
+        "resolved": "{}",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Attributes map"
+      },
+      "defaultValue": "{}"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "value",
+      "methodName": "attrsUpdated"
+    }]; }
+}

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-02-14T09:29:53",
+  "timestamp": "2023-02-14T09:48:19",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.14.0",