@quartzds/core 1.0.0-beta.23 → 1.0.0-beta.25

package/components/controls.js

@@ -0,0 +1,27 @@
+/*!
+ * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * 
+ * SPDX-License-Identifier: LGPL-2.1-only
+ */
+// SPDX-FileCopyrightText: © 2023 Schneider Electric
+//
+// SPDX-License-Identifier: LGPL-2.1-only
+const CUSTOM_ERROR_FLAGS = { customError: true };
+const NO_ERROR_FLAGS = {};
+const VALID_STATE = {
+    badInput: false,
+    customError: false,
+    patternMismatch: false,
+    rangeOverflow: false,
+    rangeUnderflow: false,
+    stepMismatch: false,
+    tooLong: false,
+    tooShort: false,
+    typeMismatch: false,
+    valid: true,
+    valueMissing: false,
+};
+
+export { CUSTOM_ERROR_FLAGS as C, NO_ERROR_FLAGS as N, VALID_STATE as V };
+
+//# sourceMappingURL=controls.js.map

package/components/controls.js.map

@@ -0,0 +1 @@
+{"file":"controls.js","mappings":";;;;;AAAA;AACA;AACA;MAmFa,kBAAkB,GAAuB,EAAE,WAAW,EAAE,IAAI,GAAE;MAC9D,cAAc,GAAuB,GAAE;MACvC,WAAW,GAAkB;IACxC,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,KAAK;;;;;","names":[],"sources":["src/components/controls.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nexport type AutoComplete =\n  | 'additional-name'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'bday'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-exp'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country-name'\n  | 'country'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization-title'\n  | 'organization'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'tel'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'\nexport type AutoCapitalize =\n  | 'characters'\n  | 'none'\n  | 'off'\n  | 'on'\n  | 'sentences'\n  | 'words'\nexport type EnterKeyHint =\n  | 'done'\n  | 'enter'\n  | 'go'\n  | 'next'\n  | 'previous'\n  | 'search'\n  | 'send'\nexport type InputMode =\n  | 'decimal'\n  | 'email'\n  | 'none'\n  | 'numeric'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'url'\nexport type Value = number | string | null\n\nexport const CUSTOM_ERROR_FLAGS: ValidityStateFlags = { customError: true }\nexport const NO_ERROR_FLAGS: ValidityStateFlags = {}\nexport const VALID_STATE: ValidityState = {\n  badInput: false,\n  customError: false,\n  patternMismatch: false,\n  rangeOverflow: false,\n  rangeUnderflow: false,\n  stepMismatch: false,\n  tooLong: false,\n  tooShort: false,\n  typeMismatch: false,\n  valid: true,\n  valueMissing: false,\n}\n"],"version":3}

package/components/helpers.js

@@ -20,68 +20,68 @@
  * @param attributes Which attributes to inherit.
  */
 const inheritAttributes = (element, attributes = []) => {
-  const attributeObject = {};
-  for (const attribute of attributes) {
-    const value = element.getAttribute(attribute);
-    if (value !== null) {
-      attributeObject[attribute] = value;
-      element.removeAttribute(attribute);
+    const attributeObject = {};
+    for (const attribute of attributes) {
+        const value = element.getAttribute(attribute);
+        if (value !== null) {
+            attributeObject[attribute] = value;
+            element.removeAttribute(attribute);
+        }
     }
-  }
-  return attributeObject;
+    return attributeObject;
 };
 const ariaAttributes = [
-  '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',
+    'role',
 ];
 /**
  * Returns an array of aria attributes that should be copied from
@@ -98,10 +98,10 @@ const prefix = 'Invariant failed';
  * @param message Optional message to display in development builds.
  */
 function invariant(value, message) {
-  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-  if (value)
-    return;
-  throw new Error(prefix);
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    if (value)
+        return;
+    throw new Error(prefix);
 }
 /**
  * From an object pick a set of keys.
@@ -111,65 +111,65 @@ function invariant(value, message) {
  * @returns New object with only the picked keys.
  */
 const pick = (object, ...keys) => {
-  const returnValue = {};
-  for (const key of keys)
-    returnValue[key] = object[key];
-  return returnValue;
+    const returnValue = {};
+    for (const key of keys)
+        returnValue[key] = object[key];
+    return returnValue;
 };
 const pickFocusEventAttributes = (event) => pick(event, 'relatedTarget');
 const pickInputEventAttributes = (event) => pick(event, 'data', 'inputType', 'isComposing');
 const getConversionFactor = (element, unit) => {
-  switch (unit) {
-    case 'cm': {
-      return 96 / 2.54;
+    switch (unit) {
+        case 'cm': {
+            return 96 / 2.54;
+        }
+        case 'em': {
+            return Number.parseFloat(globalThis.getComputedStyle(element.parentElement ?? document.documentElement).fontSize);
+        }
+        case 'in': {
+            return 96;
+        }
+        case 'mm': {
+            return 96 / 25.4;
+        }
+        case 'pc': {
+            return 16;
+        }
+        case 'pt': {
+            return 96 / 72;
+        }
+        case 'px': {
+            return 1;
+        }
+        case 'rem': {
+            return Number.parseFloat(globalThis.getComputedStyle(document.documentElement).fontSize);
+        }
+        default: {
+            return undefined;
+        }
     }
-    case 'em': {
-      return Number.parseFloat(globalThis.getComputedStyle(element.parentElement ?? document.documentElement).fontSize);
-    }
-    case 'in': {
-      return 96;
-    }
-    case 'mm': {
-      return 96 / 25.4;
-    }
-    case 'pc': {
-      return 16;
-    }
-    case 'pt': {
-      return 96 / 72;
-    }
-    case 'px': {
-      return 1;
-    }
-    case 'rem': {
-      return Number.parseFloat(globalThis.getComputedStyle(document.documentElement).fontSize);
-    }
-    default: {
-      return undefined;
-    }
-  }
 };
 const propertyToPx = (element, property) => {
-  const value = globalThis.getComputedStyle(element).getPropertyValue(property);
-  const number = Number.parseFloat(value);
-  if (Number.isNaN(number))
-    return undefined;
-  const unit = /\s*[\d+.-]*\s*(.*)/.exec(value)?.[1] ?? '';
-  const conversionFactor = getConversionFactor(element, unit) ?? 1;
-  return number * conversionFactor;
+    const value = globalThis.getComputedStyle(element).getPropertyValue(property);
+    const number = Number.parseFloat(value);
+    if (Number.isNaN(number))
+        return undefined;
+    const unit = /\s*[\d+.-]*\s*(.*)/.exec(value)?.[1] ?? '';
+    const conversionFactor = getConversionFactor(element, unit) ?? 1;
+    return number * conversionFactor;
 };
 const ignorePromise = (promise) => {
-  promise.catch(() => {
-    invariant(false);
-  });
+    promise.catch(() => {
+        invariant(false);
+    });
 };
 const isTouchDevice = () => 'ontouchstart' in globalThis ||
-  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0);
+    ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0);
 const roundByDPR = (value) => {
-  const dpr = devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
+    const dpr = devicePixelRatio || 1;
+    return Math.round(value * dpr) / dpr;
 };
 
-export { invariant as a, inheritAttributes as b, ignorePromise as c, propertyToPx as d, pickInputEventAttributes as e, isTouchDevice as f, inheritAriaAttributes as i, pickFocusEventAttributes as p, roundByDPR as r };
+export { inheritAttributes as a, ignorePromise as b, invariant as c, propertyToPx as d, pickInputEventAttributes as e, isTouchDevice as f, inheritAriaAttributes as i, pickFocusEventAttributes as p, roundByDPR as r };
 
 //# sourceMappingURL=helpers.js.map

package/components/helpers.js.map

@@ -1 +1 @@
-{"file":"helpers.js","mappings":"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","names":[],"sources":["src/helpers.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type {\n  MiddlewareState,\n  OffsetOptions as LibraryOffsetOptions,\n} from '@floating-ui/dom'\nimport type { Except, Replace } from 'type-fest'\n\nexport type Attributes = Record<string, string>\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `qds-input` should inherit\n * the `tabindex` attribute that developers set directly on `qds-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n *\n * @param element Element to inherit attributes from.\n * @param attributes Which attributes to inherit.\n */\nexport const inheritAttributes = (\n  element: Element,\n  attributes: string[] = [],\n): Attributes => {\n  const attributeObject: Attributes = {}\n\n  for (const attribute of attributes) {\n    const value = element.getAttribute(attribute)\n    if (value !== null) {\n      attributeObject[attribute] = value\n      element.removeAttribute(attribute)\n    }\n  }\n\n  return attributeObject\n}\n\ntype ARIAAttribute =\n  | Replace<Lowercase<keyof ARIAMixin>, 'aria', 'aria-'>\n  | 'aria-activedescendant'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-colindextext'\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-errormessage'\n  | 'aria-flowto'\n  | 'aria-labelledby'\n  | 'aria-owns'\n  | 'aria-relevant'\n  | 'aria-rowindextext'\n\nconst ariaAttributes: ARIAAttribute[] = [\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n  'role',\n]\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n *\n * @param element The element that the attributes should be copied from.\n */\nexport const inheritAriaAttributes = (\n  element: Element,\n): ReturnType<typeof inheritAttributes> =>\n  inheritAttributes(element, ariaAttributes)\n\nconst isProduction = process.env.NODE_ENV === 'production'\nconst prefix = 'Invariant failed'\n\n/**\n * Throws an error if the value is falsy.\n *\n * @param value Value to test.\n * @param message Optional message to display in development builds.\n */\nexport function invariant(value: unknown, message?: string): asserts value {\n  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n  if (value) return\n  if (isProduction) throw new Error(prefix)\n\n  const error = message === undefined ? prefix : `${prefix}: ${message}`\n  throw new Error(error)\n}\n\n/**\n * From an object pick a set of keys.\n *\n * @param object Object to pick from.\n * @param keys They keys to pick.\n * @returns New object with only the picked keys.\n */\nexport const pick = <T, K extends keyof T>(\n  object: T,\n  ...keys: K[]\n): Pick<T, K> => {\n  const returnValue: Partial<Pick<T, K>> = {}\n  for (const key of keys) returnValue[key] = object[key]\n  return returnValue as Pick<T, K>\n}\n\nexport type QdsFocusEventDetail = Pick<FocusEvent, 'relatedTarget'>\nexport type QdsInputEventDetail = Pick<\n  InputEvent,\n  'data' | 'inputType' | 'isComposing'\n>\nexport const pickFocusEventAttributes = (\n  event: FocusEvent,\n): QdsFocusEventDetail => pick(event, 'relatedTarget')\nexport const pickInputEventAttributes = (\n  event: InputEvent,\n): QdsInputEventDetail => pick(event, 'data', 'inputType', 'isComposing')\n\nconst getConversionFactor = (\n  element: Element,\n  unit: string,\n): number | undefined => {\n  switch (unit) {\n    case 'cm': {\n      return 96 / 2.54\n    }\n    case 'em': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(\n          element.parentElement ?? document.documentElement,\n        ).fontSize,\n      )\n    }\n    case 'in': {\n      return 96\n    }\n    case 'mm': {\n      return 96 / 25.4\n    }\n    case 'pc': {\n      return 16\n    }\n    case 'pt': {\n      return 96 / 72\n    }\n    case 'px': {\n      return 1\n    }\n    case 'rem': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(document.documentElement).fontSize,\n      )\n    }\n    default: {\n      return undefined\n    }\n  }\n}\n\nexport const propertyToPx = (\n  element: Element,\n  property: string,\n): number | undefined => {\n  const value = globalThis.getComputedStyle(element).getPropertyValue(property)\n  const number = Number.parseFloat(value)\n  if (Number.isNaN(number)) return undefined\n  const unit = /\\s*[\\d+.-]*\\s*(.*)/.exec(value)?.[1] ?? ''\n\n  const conversionFactor = getConversionFactor(element, unit) ?? 1\n  return number * conversionFactor\n}\n\nexport const ignorePromise = <T>(promise: Promise<T>): void => {\n  promise.catch(() => {\n    invariant(false)\n  })\n}\n\nexport const isTouchDevice = (): boolean =>\n  'ontouchstart' in globalThis ||\n  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0)\n\nexport const roundByDPR = (value: number): number => {\n  const dpr = devicePixelRatio || 1\n  return Math.round(value * dpr) / dpr\n}\n\nexport type OffsetValue = Except<\n  Exclude<\n    LibraryOffsetOptions,\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    Function | number\n  >,\n  'mainAxis'\n>\nexport type OffsetFunction = (state: MiddlewareState) => OffsetValue\nexport type OffsetOptions = OffsetFunction | OffsetValue\n"],"version":3}
+{"file":"helpers.js","mappings":"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","names":[],"sources":["src/helpers.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type {\n  MiddlewareState,\n  OffsetOptions as LibraryOffsetOptions,\n} from '@floating-ui/dom'\nimport type { Except, Replace } from 'type-fest'\n\nexport type Attributes = Record<string, string | undefined>\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `qds-input` should inherit\n * the `tabindex` attribute that developers set directly on `qds-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n *\n * @param element Element to inherit attributes from.\n * @param attributes Which attributes to inherit.\n */\nexport const inheritAttributes = (\n  element: Element,\n  attributes: string[] = [],\n): Attributes => {\n  const attributeObject: Attributes = {}\n\n  for (const attribute of attributes) {\n    const value = element.getAttribute(attribute)\n    if (value !== null) {\n      attributeObject[attribute] = value\n      element.removeAttribute(attribute)\n    }\n  }\n\n  return attributeObject\n}\n\ntype ARIAAttribute =\n  | Replace<Lowercase<keyof ARIAMixin>, 'aria', 'aria-'>\n  | 'aria-activedescendant'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-colindextext'\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-errormessage'\n  | 'aria-flowto'\n  | 'aria-labelledby'\n  | 'aria-owns'\n  | 'aria-relevant'\n  | 'aria-rowindextext'\n\nconst ariaAttributes: ARIAAttribute[] = [\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n  'role',\n]\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n *\n * @param element The element that the attributes should be copied from.\n */\nexport const inheritAriaAttributes = (\n  element: Element,\n): ReturnType<typeof inheritAttributes> =>\n  inheritAttributes(element, ariaAttributes)\n\nconst isProduction = process.env.NODE_ENV === 'production'\nconst prefix = 'Invariant failed'\n\n/**\n * Throws an error if the value is falsy.\n *\n * @param value Value to test.\n * @param message Optional message to display in development builds.\n */\nexport function invariant(value: unknown, message?: string): asserts value {\n  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n  if (value) return\n  if (isProduction) throw new Error(prefix)\n\n  const error = message === undefined ? prefix : `${prefix}: ${message}`\n  throw new Error(error)\n}\n\n/**\n * From an object pick a set of keys.\n *\n * @param object Object to pick from.\n * @param keys They keys to pick.\n * @returns New object with only the picked keys.\n */\nexport const pick = <T, K extends keyof T>(\n  object: T,\n  ...keys: K[]\n): Pick<T, K> => {\n  const returnValue: Partial<Pick<T, K>> = {}\n  for (const key of keys) returnValue[key] = object[key]\n  return returnValue as Pick<T, K>\n}\n\nexport type QdsFocusEventDetail = Pick<FocusEvent, 'relatedTarget'>\nexport type QdsInputEventDetail = Pick<\n  InputEvent,\n  'data' | 'inputType' | 'isComposing'\n>\nexport const pickFocusEventAttributes = (\n  event: FocusEvent,\n): QdsFocusEventDetail => pick(event, 'relatedTarget')\nexport const pickInputEventAttributes = (\n  event: InputEvent,\n): QdsInputEventDetail => pick(event, 'data', 'inputType', 'isComposing')\n\nconst getConversionFactor = (\n  element: Element,\n  unit: string,\n): number | undefined => {\n  switch (unit) {\n    case 'cm': {\n      return 96 / 2.54\n    }\n    case 'em': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(\n          element.parentElement ?? document.documentElement,\n        ).fontSize,\n      )\n    }\n    case 'in': {\n      return 96\n    }\n    case 'mm': {\n      return 96 / 25.4\n    }\n    case 'pc': {\n      return 16\n    }\n    case 'pt': {\n      return 96 / 72\n    }\n    case 'px': {\n      return 1\n    }\n    case 'rem': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(document.documentElement).fontSize,\n      )\n    }\n    default: {\n      return undefined\n    }\n  }\n}\n\nexport const propertyToPx = (\n  element: Element,\n  property: string,\n): number | undefined => {\n  const value = globalThis.getComputedStyle(element).getPropertyValue(property)\n  const number = Number.parseFloat(value)\n  if (Number.isNaN(number)) return undefined\n  const unit = /\\s*[\\d+.-]*\\s*(.*)/.exec(value)?.[1] ?? ''\n\n  const conversionFactor = getConversionFactor(element, unit) ?? 1\n  return number * conversionFactor\n}\n\nexport const ignorePromise = <T>(promise: Promise<T>): void => {\n  promise.catch(() => {\n    invariant(false)\n  })\n}\n\nexport const isTouchDevice = (): boolean =>\n  'ontouchstart' in globalThis ||\n  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0)\n\nexport const roundByDPR = (value: number): number => {\n  const dpr = devicePixelRatio || 1\n  return Math.round(value * dpr) / dpr\n}\n\nexport type OffsetValue = Except<\n  Exclude<\n    LibraryOffsetOptions,\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    Function | number\n  >,\n  'mainAxis'\n>\nexport type OffsetFunction = (state: MiddlewareState) => OffsetValue\nexport type OffsetOptions = OffsetFunction | OffsetValue\n"],"version":3}

package/components/icon.js

@@ -22,26 +22,26 @@ const xMarkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5v
 
 // SPDX-FileCopyrightText: © 2023 Schneider Electric
 const icons = {
-  /* eslint-disable @typescript-eslint/naming-convention */
-  'external-link': arrowTopRightOnSquareSvg,
-  checked: checkSvg,
-  indeterminate: minusSvg,
-  dropdown: caretDownSvg,
-  'status-error': xMarkSvg,
-  'status-info': informationSvg,
-  'status-success': checkSvg,
-  'status-warning': exclamationSvg,
-  /* eslint-enable @typescript-eslint/naming-convention */
+    /* eslint-disable @typescript-eslint/naming-convention */
+    'external-link': arrowTopRightOnSquareSvg,
+    checked: checkSvg,
+    indeterminate: minusSvg,
+    dropdown: caretDownSvg,
+    'status-error': xMarkSvg,
+    'status-info': informationSvg,
+    'status-success': checkSvg,
+    'status-warning': exclamationSvg,
+    /* eslint-enable @typescript-eslint/naming-convention */
 };
 const coreLibrary = {
-  name: 'core',
-  resolver: (name) => icons[name] ?? '',
+    name: 'core',
+    resolver: (name) => icons[name] ?? '',
 };
 
 // SPDX-FileCopyrightText: © 2023 Schneider Electric
 const library = {
-  name: 'default',
-  resolver: (name) => getAssetPath(`icons/${name}.svg`),
+    name: 'default',
+    resolver: (name) => getAssetPath(`icons/${name}.svg`),
 };
 
 // SPDX-FileCopyrightText: © 2023 Schneider Electric
@@ -54,136 +54,137 @@ const getIconLibrary = (name) => registry.find((library) => library.name === nam
  * Removes an icon library from the registry.
  */
 const unregisterIconLibrary = (name) => {
-  registry = registry.filter((library) => library.name !== name);
+    registry = registry.filter((library) => library.name !== name);
 };
 /**
  * Adds an icon library to the registry or overrides an existing one.
  */
 const registerIconLibrary = (name, options) => {
-  unregisterIconLibrary(name);
-  registry.push({
-    name,
-    ...options,
-  });
+    unregisterIconLibrary(name);
+    registry.push({
+        name,
+        ...options,
+    });
 };
 
 // SPDX-FileCopyrightText: © 2023 Schneider Electric
 //
 // SPDX-License-Identifier: LGPL-2.1-only
 const request = async (source) => {
-  const response = await fetch(source, { mode: 'cors' });
-  return {
-    ok: response.ok,
-    data: await response.text(),
-  };
+    const response = await fetch(source, { mode: 'cors' });
+    return {
+        ok: response.ok,
+        data: await response.text(),
+    };
 };
 const cachedIconRequests = new Map();
 const requestIcon = async (url) => {
-  const cachedIconRequest = cachedIconRequests.get(url);
-  if (cachedIconRequest)
-    return cachedIconRequest;
-  const fileData = await request(url);
-  const iconFileData = {
-    ok: fileData.ok,
-  };
-  if (fileData.ok) {
-    const div = document.createElement('div');
-    div.innerHTML = fileData.data;
-    const child = div.firstElementChild;
-    iconFileData.data =
-      child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
-  }
-  cachedIconRequests.set(url, iconFileData);
-  return iconFileData;
+    const cachedIconRequest = cachedIconRequests.get(url);
+    if (cachedIconRequest)
+        return cachedIconRequest;
+    const fileData = await request(url);
+    const iconFileData = {
+        ok: fileData.ok,
+    };
+    if (fileData.ok) {
+        const div = document.createElement('div');
+        div.innerHTML = fileData.data;
+        const child = div.firstElementChild;
+        iconFileData.data =
+            child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
+    }
+    cachedIconRequests.set(url, iconFileData);
+    return iconFileData;
 };
 
 const iconCss = ":host([hidden]){display:none !important}:host{contain:strict;display:inline-block;height:1em;width:1em}.qds-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
 
 let parser;
 const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.loadEmitter = createEvent(this, "qdsLoad", 6);
-    this.errorEmitter = createEvent(this, "qdsError", 6);
-    this.inheritedAttributes = {};
-    this.name = undefined;
-    this.library = 'default';
-    this.svg = '';
-  }
-  async setIcon() {
-    if (!this.name)
-      return;
-    const library = getIconLibrary(this.library);
-    if (!library)
-      return;
-    const url = library.resolver(this.name);
-    if (!url) {
-      this.svg = '';
-      return;
-    }
-    try {
-      const request = await requestIcon(url);
-      if (!request.ok) {
-        this.svg = '';
-        this.errorEmitter.emit();
-        return;
-      }
-      // Create an instance of the DOM parser. We do it here instead of at the
-      // top-level to support SSR while maintaining a single parser instance
-      // for optimal performance.
-      parser || (parser = new DOMParser());
-      const document = parser.parseFromString(request.data, 'text/html');
-      const svgElement = document.body.querySelector('svg');
-      if (svgElement === null) {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.loadEmitter = createEvent(this, "qdsLoad", 6);
+        this.errorEmitter = createEvent(this, "qdsError", 6);
+        this.inheritedAttributes = {};
+        this.name = undefined;
+        this.library = 'default';
         this.svg = '';
-        this.errorEmitter.emit();
-      }
-      else {
-        for (const [key, value] of Object.entries(this.inheritedAttributes))
-          svgElement.setAttribute(key, value);
-        this.svg = svgElement.outerHTML;
-        this.loadEmitter.emit();
-      }
     }
-    catch {
-      this.errorEmitter.emit();
+    async setIcon() {
+        if (!this.name)
+            return;
+        const library = getIconLibrary(this.library);
+        if (!library)
+            return;
+        const url = library.resolver(this.name);
+        if (!url) {
+            this.svg = '';
+            return;
+        }
+        try {
+            const request = await requestIcon(url);
+            if (!request.ok) {
+                this.svg = '';
+                this.errorEmitter.emit();
+                return;
+            }
+            // Create an instance of the DOM parser. We do it here instead of at the
+            // top-level to support SSR while maintaining a single parser instance
+            // for optimal performance.
+            parser || (parser = new DOMParser());
+            const document = parser.parseFromString(request.data, 'text/html');
+            const svgElement = document.body.querySelector('svg');
+            if (svgElement === null) {
+                this.svg = '';
+                this.errorEmitter.emit();
+            }
+            else {
+                for (const [key, value] of Object.entries(this.inheritedAttributes))
+                    if (value !== undefined)
+                        svgElement.setAttribute(key, value);
+                this.svg = svgElement.outerHTML;
+                this.loadEmitter.emit();
+            }
+        }
+        catch {
+            this.errorEmitter.emit();
+        }
     }
-  }
-  async componentWillLoad() {
-    this.inheritedAttributes = inheritAriaAttributes(this.element);
-    await this.setIcon();
-  }
-  render() {
-    return h("span", { class: "qds-wrapper", innerHTML: this.svg });
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "name": ["setIcon"],
-    "library": ["setIcon"]
-  }; }
-  static get style() { return iconCss; }
+    async componentWillLoad() {
+        this.inheritedAttributes = inheritAriaAttributes(this.element);
+        await this.setIcon();
+    }
+    render() {
+        return h("span", { class: "qds-wrapper", innerHTML: this.svg });
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }; }
+    static get style() { return iconCss; }
 }, [1, "qds-icon", {
-    "name": [513],
-    "library": [513],
-    "svg": [32]
-  }, undefined, {
-    "name": ["setIcon"],
-    "library": ["setIcon"]
-  }]);
+        "name": [1],
+        "library": [1],
+        "svg": [32]
+    }, undefined, {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["qds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "qds-icon":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Icon);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Icon);
+            }
+            break;
+    } });
 }
 
 export { Icon as I, defineCustomElement as d, registerIconLibrary as r, unregisterIconLibrary as u };