@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.120

package/dist/cjs/helpers-452256e8.js

@@ -1,185 +0,0 @@
-/*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
- * 
- * SPDX-License-Identifier: LGPL-2.1-only
- */
-'use strict';
-
-// SPDX-FileCopyrightText: © 2023 Schneider Electric
-//
-// SPDX-License-Identifier: LGPL-2.1-only
-/**
- * Elements inside of web components sometimes need to inherit global attributes
- * set on the host. For example, the inner input in `qds-input` should inherit
- * the `tabindex` attribute that developers set directly on `qds-input`. This
- * helper function should be called in componentWillLoad and assigned to a variable
- * that is later used in the render function.
- *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
- *
- * @param element Element to inherit attributes from.
- * @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);
-    }
-  }
-  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',
-];
-/**
- * Returns an array of aria attributes that should be copied from
- * the shadow host element to a target within the light DOM.
- *
- * @param element The element that the attributes should be copied from.
- */
-const inheritAriaAttributes = (element) => inheritAttributes(element, ariaAttributes);
-const prefix = 'Invariant failed';
-/**
- * Throws an error if the value is falsy.
- *
- * @param value Value to test.
- * @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);
-}
-/**
- * From an object pick a set of keys.
- *
- * @param object Object to pick from.
- * @param keys They keys to pick.
- * @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 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;
-    }
-    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 ignorePromise = (promise) => {
-  promise.catch(() => {
-    invariant(false);
-  });
-};
-const isTouchDevice = () => 'ontouchstart' in globalThis ||
-  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0);
-const roundByDPR = (value) => {
-  const dpr = devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-};
-
-exports.ignorePromise = ignorePromise;
-exports.inheritAriaAttributes = inheritAriaAttributes;
-exports.inheritAttributes = inheritAttributes;
-exports.invariant = invariant;
-exports.isTouchDevice = isTouchDevice;
-exports.pickFocusEventAttributes = pickFocusEventAttributes;
-exports.pickInputEventAttributes = pickInputEventAttributes;
-exports.propertyToPx = propertyToPx;
-exports.roundByDPR = roundByDPR;
-
-//# sourceMappingURL=helpers-452256e8.js.map

package/dist/cjs/helpers-452256e8.js.map

@@ -1 +0,0 @@
-{"file":"helpers-452256e8.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}