@scania/tegel 1.3.3 → 1.5.0

package/dist/collection/utils/inheritAriaAttributes.js

@@ -5,57 +5,57 @@ import inheritAttributes from "./inheritAttributes";
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
  */
 const ariaAttributes = [
-  'role',
-  'aria-activedescendant',
-  'aria-atomic',
-  'aria-autocomplete',
-  'aria-braillelabel',
-  'aria-brailleroledescription',
-  'aria-busy',
-  'aria-checked',
-  'aria-colcount',
-  'aria-colindex',
-  'aria-colindextext',
-  'aria-colspan',
-  'aria-controls',
-  'aria-current',
-  'aria-describedby',
-  'aria-description',
-  'aria-details',
-  'aria-disabled',
-  'aria-errormessage',
-  'aria-expanded',
-  'aria-flowto',
-  'aria-haspopup',
-  'aria-hidden',
-  'aria-invalid',
-  'aria-keyshortcuts',
-  'aria-label',
-  'aria-labelledby',
-  'aria-level',
-  'aria-live',
-  'aria-multiline',
-  'aria-multiselectable',
-  'aria-orientation',
-  'aria-owns',
-  'aria-placeholder',
-  'aria-posinset',
-  'aria-pressed',
-  'aria-readonly',
-  'aria-relevant',
-  'aria-required',
-  'aria-roledescription',
-  'aria-rowcount',
-  'aria-rowindex',
-  'aria-rowindextext',
-  'aria-rowspan',
-  'aria-selected',
-  'aria-setsize',
-  'aria-sort',
-  'aria-valuemax',
-  'aria-valuemin',
-  'aria-valuenow',
-  'aria-valuetext',
+    'role',
+    'aria-activedescendant',
+    'aria-atomic',
+    'aria-autocomplete',
+    'aria-braillelabel',
+    'aria-brailleroledescription',
+    'aria-busy',
+    'aria-checked',
+    'aria-colcount',
+    'aria-colindex',
+    'aria-colindextext',
+    'aria-colspan',
+    'aria-controls',
+    'aria-current',
+    'aria-describedby',
+    'aria-description',
+    'aria-details',
+    'aria-disabled',
+    'aria-errormessage',
+    'aria-expanded',
+    'aria-flowto',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-keyshortcuts',
+    'aria-label',
+    'aria-labelledby',
+    'aria-level',
+    'aria-live',
+    'aria-multiline',
+    'aria-multiselectable',
+    'aria-orientation',
+    'aria-owns',
+    'aria-placeholder',
+    'aria-posinset',
+    'aria-pressed',
+    'aria-readonly',
+    'aria-relevant',
+    'aria-required',
+    'aria-roledescription',
+    'aria-rowcount',
+    'aria-rowindex',
+    'aria-rowindextext',
+    'aria-rowspan',
+    'aria-selected',
+    'aria-setsize',
+    'aria-sort',
+    'aria-valuemax',
+    'aria-valuemin',
+    'aria-valuenow',
+    'aria-valuetext',
 ];
 /**
  * Returns an array of aria attributes that should be copied from
@@ -65,10 +65,10 @@ const ariaAttributes = [
  * Use this in instances where we manually specify aria attributes on the `<Host>` element.
  */
 const inheritAriaAttributes = (el, ignoreList) => {
-  let attributesToInherit = ariaAttributes;
-  if (ignoreList && ignoreList.length > 0) {
-    attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));
-  }
-  return inheritAttributes(el, attributesToInherit);
+    let attributesToInherit = ariaAttributes;
+    if (ignoreList && ignoreList.length > 0) {
+        attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));
+    }
+    return inheritAttributes(el, attributesToInherit);
 };
 export default inheritAriaAttributes;

package/dist/collection/utils/inheritAttributes.js

@@ -9,16 +9,16 @@
  * does not trigger a re-render.
  */
 const inheritAttributes = (el, attributes = []) => {
-  const attributeObject = {};
-  attributes.forEach((attr) => {
-    if (el.hasAttribute(attr)) {
-      const value = el.getAttribute(attr);
-      if (value !== null) {
-        attributeObject[attr] = el.getAttribute(attr);
-      }
-      el.removeAttribute(attr);
-    }
-  });
-  return attributeObject;
+    const attributeObject = {};
+    attributes.forEach((attr) => {
+        if (el.hasAttribute(attr)) {
+            const value = el.getAttribute(attr);
+            if (value !== null) {
+                attributeObject[attr] = el.getAttribute(attr);
+            }
+            el.removeAttribute(attr);
+        }
+    });
+    return attributeObject;
 };
 export default inheritAttributes;

package/dist/collection/utils/isHeadingElement.js

@@ -5,8 +5,8 @@
  * @returns {boolean} - True if the element is a heading element, false otherwise.
  */
 const isHeadingElement = (el) => {
-  const tagName = el.tagName.toLowerCase();
-  const role = el.getAttribute('role');
-  return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName) || role === 'heading';
+    const tagName = el.tagName.toLowerCase();
+    const role = el.getAttribute('role');
+    return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName) || role === 'heading';
 };
 export default isHeadingElement;

package/dist/collection/utils/updateListChildrenRoles.js

@@ -3,13 +3,13 @@
  * @param {Node} targetNode The node being updated.
  * */
 const updateListChildrenRoles = (targetNode) => {
-  targetNode.childNodes.forEach((node) => {
-    if (node.nodeType === Node.ELEMENT_NODE) {
-      const element = node;
-      if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
-        element.setAttribute('role', 'listitem');
-      }
-    }
-  });
+    targetNode.childNodes.forEach((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
+                element.setAttribute('role', 'listitem');
+            }
+        }
+    });
 };
 export default updateListChildrenRoles;

package/dist/components/checkbox.js

@@ -4,87 +4,87 @@ import { g as generateUniqueId } from './generateUniqueId.js';
 const checkboxCss = ".sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:\"\";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:\"\";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}";
 
 const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.tdsChange = createEvent(this, "tdsChange", 6);
-    this.tdsFocus = createEvent(this, "tdsFocus", 6);
-    this.tdsBlur = createEvent(this, "tdsBlur", 6);
-    this.handleChange = () => {
-      this.checked = !this.checked;
-      this.indeterminate = false;
-      this.tdsChange.emit({
-        checkboxId: this.checkboxId,
-        checked: this.checked,
-        indeterminate: this.indeterminate,
-        value: this.value,
-      });
-    };
-    this.name = undefined;
-    this.checkboxId = generateUniqueId();
-    this.disabled = false;
-    this.required = false;
-    this.checked = false;
-    this.indeterminate = false;
-    this.value = undefined;
-  }
-  /** Toggles the checked value of the component. */
-  async toggleCheckbox() {
-    this.checked = !this.checked;
-    this.indeterminate = false;
-    return {
-      checkboxId: this.checkboxId,
-      checked: this.checked,
-    };
-  }
-  handleIndeterminateState() {
-    this.inputElement.indeterminate = this.indeterminate;
-  }
-  /** Set the input as focus when clicking the component */
-  handleFocus(event) {
-    this.tdsFocus.emit(event);
-  }
-  /** Set the input as blur when clicking outside the component */
-  handleBlur(event) {
-    this.tdsBlur.emit(event);
-  }
-  render() {
-    return (h("div", { class: "tds-checkbox" }, h("input", {
-      // eslint-disable-next-line no-return-assign
-      ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
-        this.handleChange();
-      }
-    }), h("label", { htmlFor: this.checkboxId }, h("slot", { name: "label" }))));
-  }
-  get host() { return this; }
-  static get watchers() { return {
-    "indeterminate": ["handleIndeterminateState"]
-  }; }
-  static get style() { return checkboxCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.tdsChange = createEvent(this, "tdsChange", 6);
+        this.tdsFocus = createEvent(this, "tdsFocus", 6);
+        this.tdsBlur = createEvent(this, "tdsBlur", 6);
+        this.handleChange = () => {
+            this.checked = !this.checked;
+            this.indeterminate = false;
+            this.tdsChange.emit({
+                checkboxId: this.checkboxId,
+                checked: this.checked,
+                indeterminate: this.indeterminate,
+                value: this.value,
+            });
+        };
+        this.name = undefined;
+        this.checkboxId = generateUniqueId();
+        this.disabled = false;
+        this.required = false;
+        this.checked = false;
+        this.indeterminate = false;
+        this.value = undefined;
+    }
+    /** Toggles the checked value of the component. */
+    async toggleCheckbox() {
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        return {
+            checkboxId: this.checkboxId,
+            checked: this.checked,
+        };
+    }
+    handleIndeterminateState() {
+        this.inputElement.indeterminate = this.indeterminate;
+    }
+    /** Set the input as focus when clicking the component */
+    handleFocus(event) {
+        this.tdsFocus.emit(event);
+    }
+    /** Set the input as blur when clicking outside the component */
+    handleBlur(event) {
+        this.tdsBlur.emit(event);
+    }
+    render() {
+        return (h("div", { class: "tds-checkbox" }, h("input", {
+            // eslint-disable-next-line no-return-assign
+            ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
+                this.handleChange();
+            }
+        }), h("label", { htmlFor: this.checkboxId }, h("slot", { name: "label" }))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "indeterminate": ["handleIndeterminateState"]
+    }; }
+    static get style() { return checkboxCss; }
 }, [6, "tds-checkbox", {
-    "name": [1],
-    "checkboxId": [1, "checkbox-id"],
-    "disabled": [4],
-    "required": [4],
-    "checked": [1540],
-    "indeterminate": [1028],
-    "value": [1],
-    "toggleCheckbox": [64]
-  }, undefined, {
-    "indeterminate": ["handleIndeterminateState"]
-  }]);
+        "name": [1],
+        "checkboxId": [1, "checkbox-id"],
+        "disabled": [4],
+        "required": [4],
+        "checked": [1540],
+        "indeterminate": [1028],
+        "value": [1],
+        "toggleCheckbox": [64]
+    }, undefined, {
+        "indeterminate": ["handleIndeterminateState"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tds-checkbox"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tds-checkbox":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TdsCheckbox);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-checkbox"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-checkbox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TdsCheckbox);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/core-header-item.js

@@ -3,28 +3,28 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
 
 const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "item" }, h("slot", null))));
-  }
-  static get style() { return coreHeaderItemCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, null, h("div", { class: "item" }, h("slot", null))));
+    }
+    static get style() { return coreHeaderItemCss; }
 }, [1, "tds-core-header-item"]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tds-core-header-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tds-core-header-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TdsCoreHeaderItem);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-core-header-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-core-header-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TdsCoreHeaderItem);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/dfs.js

@@ -7,21 +7,21 @@
  * @returns {HTMLElement | null} - The first matching element or child, or null if none is found.
  */
 function dfs(parentNode, searchPredicate, pierceShadow = false) {
-  if (parentNode instanceof HTMLElement && searchPredicate(parentNode)) {
-    return parentNode;
-  }
-  const childElements = parentNode instanceof HTMLSlotElement
-    ? parentNode.assignedElements({ flatten: true })
-    : Array.from(parentNode.children);
-  if (pierceShadow && parentNode instanceof HTMLElement && parentNode.shadowRoot) {
-    childElements.push(...Array.from(parentNode.shadowRoot.children));
-  }
-  let foundElement = null;
-  childElements.some((child) => {
-    foundElement = dfs(child, searchPredicate, pierceShadow);
-    return foundElement !== null;
-  });
-  return foundElement;
+    if (parentNode instanceof HTMLElement && searchPredicate(parentNode)) {
+        return parentNode;
+    }
+    const childElements = parentNode instanceof HTMLSlotElement
+        ? parentNode.assignedElements({ flatten: true })
+        : Array.from(parentNode.children);
+    if (pierceShadow && parentNode instanceof HTMLElement && parentNode.shadowRoot) {
+        childElements.push(...Array.from(parentNode.shadowRoot.children));
+    }
+    let foundElement = null;
+    childElements.some((child) => {
+        foundElement = dfs(child, searchPredicate, pierceShadow);
+        return foundElement !== null;
+    });
+    return foundElement;
 }
 
 export { dfs as d };

package/dist/components/divider.js

@@ -3,31 +3,31 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 const dividerCss = ".divider{box-sizing:border-box}.divider *{box-sizing:border-box}.divider.horizontal{background-color:var(--tds-divider-background);width:100%;height:1px}.divider.vertical{background-color:var(--tds-divider-background);height:100%;width:1px}";
 
 const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.orientation = 'horizontal';
-  }
-  render() {
-    return (h(Host, { role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { class: `divider ${this.orientation}` })));
-  }
-  static get style() { return dividerCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.orientation = 'horizontal';
+    }
+    render() {
+        return (h(Host, { role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { class: `divider ${this.orientation}` })));
+    }
+    static get style() { return dividerCss; }
 }, [1, "tds-divider", {
-    "orientation": [1]
-  }]);
+        "orientation": [1]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tds-divider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tds-divider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Divider);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Divider);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/generateUniqueId.js

@@ -12,15 +12,15 @@
  * @returns {string} A unique string ID.
  */
 function generateUniqueId() {
-  const now = new Date();
-  const timeInMilliseconds = now.getMinutes() * 60000 + now.getSeconds() * 1000 + now.getMilliseconds(); // Get current time in milliseconds from the start of the hour
-  const randomNum1 = Math.floor(Math.random() * 1000000); // Random number between 0 and 999999
-  const randomNum2 = Math.floor(Math.random() * 1000000); // Another random number
-  // Convert to base 36 (using numbers and letters) and remove '0.' from the random number
-  const uniqueString = randomNum1.toString(36).substring(2) +
-    timeInMilliseconds.toString(36) +
-    randomNum2.toString(36).substring(2);
-  return uniqueString;
+    const now = new Date();
+    const timeInMilliseconds = now.getMinutes() * 60000 + now.getSeconds() * 1000 + now.getMilliseconds(); // Get current time in milliseconds from the start of the hour
+    const randomNum1 = Math.floor(Math.random() * 1000000); // Random number between 0 and 999999
+    const randomNum2 = Math.floor(Math.random() * 1000000); // Another random number
+    // Convert to base 36 (using numbers and letters) and remove '0.' from the random number
+    const uniqueString = randomNum1.toString(36).substring(2) +
+        timeInMilliseconds.toString(36) +
+        randomNum2.toString(36).substring(2);
+    return uniqueString;
 }
 
 export { generateUniqueId as g };

package/dist/components/getPreviousNestedChildOfSiblingsMatching.js

@@ -7,30 +7,30 @@ import { d as dfs } from './dfs.js';
  * @returns {boolean} - True if the element is a heading element, false otherwise.
  */
 const isHeadingElement = (el) => {
-  const tagName = el.tagName.toLowerCase();
-  const role = el.getAttribute('role');
-  return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName) || role === 'heading';
+    const tagName = el.tagName.toLowerCase();
+    const role = el.getAttribute('role');
+    return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName) || role === 'heading';
 };
 
 // A higher-order function to find the nested child of siblings matching a predicate,
 // based on a sibling traversal function (getNextSibling or getPreviousSibling).
 function getNestedChildOfSiblingsMatching(element, searchPredicate, siblingTraversalFn) {
-  // Start with the sibling of the provided element.
-  let sibling = siblingTraversalFn(element);
-  // Iterate through the siblings until there are no more siblings.
-  while (sibling) {
-    // Use the dfs helper function to find the deeply nested child
-    // that matches the given criteria within the current sibling.
-    const nestedChild = dfs(sibling, searchPredicate);
-    // If a matching deeply nested child is found, return it.
-    if (nestedChild) {
-      return nestedChild;
+    // Start with the sibling of the provided element.
+    let sibling = siblingTraversalFn(element);
+    // Iterate through the siblings until there are no more siblings.
+    while (sibling) {
+        // Use the dfs helper function to find the deeply nested child
+        // that matches the given criteria within the current sibling.
+        const nestedChild = dfs(sibling, searchPredicate);
+        // If a matching deeply nested child is found, return it.
+        if (nestedChild) {
+            return nestedChild;
+        }
+        // Move on to the next sibling.
+        sibling = siblingTraversalFn(sibling);
     }
-    // Move on to the next sibling.
-    sibling = siblingTraversalFn(sibling);
-  }
-  // If no matching deeply nested child is found, return null.
-  return null;
+    // If no matching deeply nested child is found, return null.
+    return null;
 }
 
 const getPreviousSibling = (element) => element.previousElementSibling;