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

package/README.md

@@ -1,16 +1,15 @@
 <!--
-SPDX-FileCopyrightText: © 2023 Schneider Electric
+SPDX-FileCopyrightText: © 2024 Schneider Electric
 
-SPDX-License-Identifier: LGPL-2.1-only
+SPDX-License-Identifier: Apache-2.0
 -->
 
 # `@quartzds/core`
 
-[![NPM Package][npm-badge]][npm-link]
-[![License][license-badge]][license]
+[![NPM Package][npm-badge]][npm-link] [![License][license-badge]][license]
 
-The Quartz Core package has the web components that make up the reusable
-UI building blocks of the [Quartz design system][]. These components are designed
+The Quartz Core package has the web components that make up the reusable UI
+building blocks of the [Quartz design system][]. These components are designed
 to be used in traditional frontend view libraries/frameworks (such as React,
 Angular, or Vue) or on their own through traditional JavaScript in the browser.
 
@@ -24,7 +23,8 @@ npm install @quartzds/core
 
 ### Vanilla HTML
 
-The easiest way to start using the Quartz Core is by adding `link` and `script` tags to the CDN.
+The easiest way to start using the Quartz Core is by adding `link` and `script`
+tags to the CDN.
 
 First, the fonts:
 
@@ -40,11 +40,11 @@ Next, the platform and theme CSS custom properties:
 ```html
 <link
   rel="stylesheet"
-  href="https://unpkg.com/@quartzds/generic-tokens-core/dist/platform/desktop.css"
+  href="https://unpkg.com/@quartzds/generic-tokens/core/dist/platform/desktop.css"
 />
 <link
   rel="stylesheet"
-  href="https://unpkg.com/@quartzds/generic-tokens-core/dist/theme/light.css"
+  href="https://unpkg.com/@quartzds/generic-tokens/core/dist/theme/light.css"
 />
 ```
 
@@ -53,7 +53,7 @@ Optionally, the dark theme:
 ```html
 <link
   rel="stylesheet"
-  href="https://unpkg.com/@quartzds/generic-tokens-core/dist/theme/dark.css"
+  href="https://unpkg.com/@quartzds/generic-tokens/core/dist/theme/dark.css"
 />
 ```
 
@@ -74,15 +74,15 @@ Finally, bootstrap the components with their styling:
 ```
 
 Any Quartz component added to the webpage will automatically load with the
-proper platform and theme-specific styling. This includes writing the
-component tag directly in HTML or using JavaScript such as
+proper platform and theme-specific styling. This includes writing the component
+tag directly in HTML or using JavaScript such as
 `document.createElement('qds-button')`.
 
 ### Framework Bindings
 
-The `@quartzds/core` package can be used in vanilla HTML or JavaScript
-without any framework at all. Quartz also has packages that make it easier to
-integrate into a framework's ecosystem and patterns:
+The `@quartzds/core` package can be used in vanilla HTML or JavaScript without
+any framework at all. Quartz also has packages that make it easier to integrate
+into a framework's ecosystem and patterns:
 
 - [`@quartzds/core-angular`][]
 - [`@quartzds/core-react`][]
@@ -90,13 +90,12 @@ integrate into a framework's ecosystem and patterns:
 
 ### Custom Elements
 
-Besides the lazy-loading components built by Stencil, this package also
-exports each component as a stand-alone custom element from
-`@quartzds/core`. Each component extends `HTMLElement` and does not
-lazy-load itself. This is useful for projects already using a bundler such as
-Webpack or Vite. While all components are available to be imported, the custom
-element exports make sure bundlers only import what's used and tree-shake any
-unused components.
+Besides the lazy-loading components built by Stencil, this package also exports
+each component as a stand-alone custom element from `@quartzds/core`. Each
+component extends `HTMLElement` and does not lazy-load itself. This is useful
+for projects already using a bundler such as Webpack or Vite. While all
+components are available to be imported, the custom element exports make sure
+bundlers only import what's used and tree-shake any unused components.
 
 Below is an example of importing the `qds-button` custom element:
 
@@ -126,7 +125,8 @@ See the [LICENSE][] file for license rights and limitations.
 
 [npm-badge]: https://img.shields.io/npm/v/@quartzds/core?logo=npm
 [npm-link]: https://www.npmjs.com/package/@quartzds/core
-[license-badge]: https://img.shields.io/npm/l/@quartzds/core?logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTIzLjkgOS43LTMuNTQtNy44OS0uMDA1LS4wMWEuNTQyLjU0MiAwIDAgMC0uMDQxLS4wNzZsLS4wMTQtLjAxOGEuNTMzLjUzMyAwIDAgMC0uMTIyLS4xMjJsLS4wMTUtLjAxMWEuNTI4LjUyOCAwIDAgMC0uMDgtLjA0NGwtLjAyNC0uMDA5YS41MjcuNTI3IDAgMCAwLS4wNjctLjAybC0uMDI4LS4wMDdhLjUyNC41MjQgMCAwIDAtLjA5Ni0uMDFoLTYuODVjLTEuMDItMS41Mi0xLjAyLTEuNTQtMiAwaC02Ljg2YS41NDMuNTQzIDAgMCAwLS4wOTYuMDFsLS4wMjguMDA3YS41MTYuNTE2IDAgMCAwLS4wNjcuMDJsLS4wMjQuMDFhLjUzNy41MzcgMCAwIDAtLjA4LjA0M2wtLjAxNS4wMTFhLjUxLjUxIDAgMCAwLS4wNTcuMDQ3bC0uMDIuMDJhLjU0My41NDMgMCAwIDAtLjA0NS4wNTVsLS4wMTQuMDE4YS41MjIuNTIyIDAgMCAwLS4wNDEuMDc1bC0uMDA1LjAxdi4wMDFMLjExNiA5LjcyYS41MzEuNTMxIDAgMCAwLS4wOTYuMzA0YzAgMi4yOCAxLjg2IDQuMTQgNC4xNCA0LjE0czQuMTQtMS44NiA0LjE0LTQuMTRhLjUzLjUzIDAgMCAwLS4wOTYtLjMwNGwtMy4yNS02LjM3IDYuMDctLjAyM3YxOC4yYy0yLjU1LjI5NC03LjAxLjM4MS03IDIuNWgxNmMwLTIuMDMtNC40OC0yLjI3LTctMi41di0xOC4xbDUuNjktLjAyLTIuOTIgNi40OWMwIC4wMDIgMCAuMDAzLS4wMDIuMDA1bC0uMDA2LjAxOGEuNTQ1LjU0NSAwIDAgMC0uMDIzLjA3NWwtLjAwNS4wMmEuNTI0LjUyNCAwIDAgMC0uMDEuMDkydi4wMDhjMCAyLjI4IDEuODYgNC4xNCA0LjE0IDQuMTQgMi4yOCAwIDQuMTQtMS44NiA0LjE0LTQuMTRhLjUyOC41MjggMCAwIDAtLjEyLS4zMzJ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+
+[license-badge]:
+  https://img.shields.io/npm/l/@quartzds/core?logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTIzLjkgOS43LTMuNTQtNy44OS0uMDA1LS4wMWEuNTQyLjU0MiAwIDAgMC0uMDQxLS4wNzZsLS4wMTQtLjAxOGEuNTMzLjUzMyAwIDAgMC0uMTIyLS4xMjJsLS4wMTUtLjAxMWEuNTI4LjUyOCAwIDAgMC0uMDgtLjA0NGwtLjAyNC0uMDA5YS41MjcuNTI3IDAgMCAwLS4wNjctLjAybC0uMDI4LS4wMDdhLjUyNC41MjQgMCAwIDAtLjA5Ni0uMDFoLTYuODVjLTEuMDItMS41Mi0xLjAyLTEuNTQtMiAwaC02Ljg2YS41NDMuNTQzIDAgMCAwLS4wOTYuMDFsLS4wMjguMDA3YS41MTYuNTE2IDAgMCAwLS4wNjcuMDJsLS4wMjQuMDFhLjUzNy41MzcgMCAwIDAtLjA4LjA0M2wtLjAxNS4wMTFhLjUxLjUxIDAgMCAwLS4wNTcuMDQ3bC0uMDIuMDJhLjU0My41NDMgMCAwIDAtLjA0NS4wNTVsLS4wMTQuMDE4YS41MjIuNTIyIDAgMCAwLS4wNDEuMDc1bC0uMDA1LjAxdi4wMDFMLjExNiA5LjcyYS41MzEuNTMxIDAgMCAwLS4wOTYuMzA0YzAgMi4yOCAxLjg2IDQuMTQgNC4xNCA0LjE0czQuMTQtMS44NiA0LjE0LTQuMTRhLjUzLjUzIDAgMCAwLS4wOTYtLjMwNGwtMy4yNS02LjM3IDYuMDctLjAyM3YxOC4yYy0yLjU1LjI5NC03LjAxLjM4MS03IDIuNWgxNmMwLTIuMDMtNC40OC0yLjI3LTctMi41di0xOC4xbDUuNjktLjAyLTIuOTIgNi40OWMwIC4wMDIgMCAuMDAzLS4wMDIuMDA1bC0uMDA2LjAxOGEuNTQ1LjU0NSAwIDAgMC0uMDIzLjA3NWwtLjAwNS4wMmEuNTI0LjUyNCAwIDAgMC0uMDEuMDkydi4wMDhjMCAyLjI4IDEuODYgNC4xNCA0LjE0IDQuMTQgMi4yOCAwIDQuMTQtMS44NiA0LjE0LTQuMTRhLjUyOC41MjggMCAwIDAtLjEyLS4zMzJ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+
 [license]: ../../LICENSE
 [quartz design system]: https://github.com/quartzds
 [`@quartzds/core-angular`]: https://www.npmjs.com/package/@quartzds/core-angular

package/components/index.d.ts

@@ -1,8 +1,20 @@
 /* qds custom elements */
+export { ActionItem as QdsActionItem } from '../dist/types/components/action-item/action-item';
+export { defineCustomElement as defineCustomElementQdsActionItem } from './qds-action-item';
+export { AvatarMedia as QdsAvatarMedia } from '../dist/types/components/avatar-media/avatar-media';
+export { defineCustomElement as defineCustomElementQdsAvatarMedia } from './qds-avatar-media';
+export { BadgeCounter as QdsBadgeCounter } from '../dist/types/components/badge-counter/badge-counter';
+export { defineCustomElement as defineCustomElementQdsBadgeCounter } from './qds-badge-counter';
+export { BadgeIndicator as QdsBadgeIndicator } from '../dist/types/components/badge-indicator/badge-indicator';
+export { defineCustomElement as defineCustomElementQdsBadgeIndicator } from './qds-badge-indicator';
+export { QdsBreadcrumbItem as QdsBreadcrumbItem } from '../dist/types/components/breadcrumb-item/breadcrumb-item';
+export { defineCustomElement as defineCustomElementQdsBreadcrumbItem } from './qds-breadcrumb-item';
 export { Button as QdsButton } from '../dist/types/components/button/button';
 export { defineCustomElement as defineCustomElementQdsButton } from './qds-button';
 export { Checkbox as QdsCheckbox } from '../dist/types/components/checkbox/checkbox';
 export { defineCustomElement as defineCustomElementQdsCheckbox } from './qds-checkbox';
+export { Chip as QdsChip } from '../dist/types/components/chip/chip';
+export { defineCustomElement as defineCustomElementQdsChip } from './qds-chip';
 export { Dialog as QdsDialog } from '../dist/types/components/dialog/dialog';
 export { defineCustomElement as defineCustomElementQdsDialog } from './qds-dialog';
 export { Divider as QdsDivider } from '../dist/types/components/divider/divider';
@@ -13,16 +25,48 @@ export { FormMessage as QdsFormMessage } from '../dist/types/components/form-mes
 export { defineCustomElement as defineCustomElementQdsFormMessage } from './qds-form-message';
 export { Icon as QdsIcon } from '../dist/types/components/icon/icon';
 export { defineCustomElement as defineCustomElementQdsIcon } from './qds-icon';
+export { IconButton as QdsIconButton } from '../dist/types/components/icon-button/icon-button';
+export { defineCustomElement as defineCustomElementQdsIconButton } from './qds-icon-button';
+export { IconTab as QdsIconTab } from '../dist/types/components/icon-tab/icon-tab';
+export { defineCustomElement as defineCustomElementQdsIconTab } from './qds-icon-tab';
 export { InlineLink as QdsInlineLink } from '../dist/types/components/inline-link/inline-link';
 export { defineCustomElement as defineCustomElementQdsInlineLink } from './qds-inline-link';
 export { Input as QdsInput } from '../dist/types/components/input/input';
 export { defineCustomElement as defineCustomElementQdsInput } from './qds-input';
 export { Label as QdsLabel } from '../dist/types/components/label/label';
 export { defineCustomElement as defineCustomElementQdsLabel } from './qds-label';
+export { ListItem as QdsListItem } from '../dist/types/components/list-item/list-item';
+export { defineCustomElement as defineCustomElementQdsListItem } from './qds-list-item';
+export { Loader as QdsLoader } from '../dist/types/components/loader/loader';
+export { defineCustomElement as defineCustomElementQdsLoader } from './qds-loader';
+export { MenuItem as QdsMenuItem } from '../dist/types/components/menu-item/menu-item';
+export { defineCustomElement as defineCustomElementQdsMenuItem } from './qds-menu-item';
+export { MiniButton as QdsMiniButton } from '../dist/types/components/mini-button/mini-button';
+export { defineCustomElement as defineCustomElementQdsMiniButton } from './qds-mini-button';
+export { ProgressBar as QdsProgressBar } from '../dist/types/components/progress-bar/progress-bar';
+export { defineCustomElement as defineCustomElementQdsProgressBar } from './qds-progress-bar';
 export { Radio as QdsRadio } from '../dist/types/components/radio/radio';
 export { defineCustomElement as defineCustomElementQdsRadio } from './qds-radio';
+export { Select as QdsSelect } from '../dist/types/components/select/select';
+export { defineCustomElement as defineCustomElementQdsSelect } from './qds-select';
+export { StandaloneLink as QdsStandaloneLink } from '../dist/types/components/standalone-link/standalone-link';
+export { defineCustomElement as defineCustomElementQdsStandaloneLink } from './qds-standalone-link';
 export { Switch as QdsSwitch } from '../dist/types/components/switch/switch';
 export { defineCustomElement as defineCustomElementQdsSwitch } from './qds-switch';
+export { Tab as QdsTab } from '../dist/types/components/tab/tab';
+export { defineCustomElement as defineCustomElementQdsTab } from './qds-tab';
+export { Tabbar as QdsTabbar } from '../dist/types/components/tabbar/tabbar';
+export { defineCustomElement as defineCustomElementQdsTabbar } from './qds-tabbar';
+export { Table as QdsTable } from '../dist/types/components/table/table';
+export { defineCustomElement as defineCustomElementQdsTable } from './qds-table';
+export { TableCell as QdsTableCell } from '../dist/types/components/table-cell/table-cell';
+export { defineCustomElement as defineCustomElementQdsTableCell } from './qds-table-cell';
+export { TableHeadCell as QdsTableHeadCell } from '../dist/types/components/table-head-cell/table-head-cell';
+export { defineCustomElement as defineCustomElementQdsTableHeadCell } from './qds-table-head-cell';
+export { TableRow as QdsTableRow } from '../dist/types/components/table-row/table-row';
+export { defineCustomElement as defineCustomElementQdsTableRow } from './qds-table-row';
+export { Tag as QdsTag } from '../dist/types/components/tag/tag';
+export { defineCustomElement as defineCustomElementQdsTag } from './qds-tag';
 export { TextArea as QdsTextarea } from '../dist/types/components/textarea/textarea';
 export { defineCustomElement as defineCustomElementQdsTextarea } from './qds-textarea';
 export { Title as QdsTitle } from '../dist/types/components/title/title';
@@ -30,6 +74,12 @@ export { defineCustomElement as defineCustomElementQdsTitle } from './qds-title'
 export { Tooltip as QdsTooltip } from '../dist/types/components/tooltip/tooltip';
 export { defineCustomElement as defineCustomElementQdsTooltip } from './qds-tooltip';
 
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",

package/components/index.js

@@ -1,53 +1,86 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { r as registerIconLibrary, u as unregisterIconLibrary } from './icon.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-D2489VzR.js';
+export { r as registerIconLibrary, u as unregisterIconLibrary } from './p-DtxwXYGb.js';
+export { QdsActionItem, defineCustomElement as defineCustomElementQdsActionItem } from './qds-action-item.js';
+export { QdsAvatarMedia, defineCustomElement as defineCustomElementQdsAvatarMedia } from './qds-avatar-media.js';
+export { QdsBadgeCounter, defineCustomElement as defineCustomElementQdsBadgeCounter } from './qds-badge-counter.js';
+export { QdsBadgeIndicator, defineCustomElement as defineCustomElementQdsBadgeIndicator } from './qds-badge-indicator.js';
+export { QdsBreadcrumbItem, defineCustomElement as defineCustomElementQdsBreadcrumbItem } from './qds-breadcrumb-item.js';
 export { QdsButton, defineCustomElement as defineCustomElementQdsButton } from './qds-button.js';
 export { QdsCheckbox, defineCustomElement as defineCustomElementQdsCheckbox } from './qds-checkbox.js';
+export { QdsChip, defineCustomElement as defineCustomElementQdsChip } from './qds-chip.js';
 export { QdsDialog, defineCustomElement as defineCustomElementQdsDialog } from './qds-dialog.js';
 export { QdsDivider, defineCustomElement as defineCustomElementQdsDivider } from './qds-divider.js';
 export { QdsDropdown, defineCustomElement as defineCustomElementQdsDropdown } from './qds-dropdown.js';
 export { QdsFormMessage, defineCustomElement as defineCustomElementQdsFormMessage } from './qds-form-message.js';
 export { QdsIcon, defineCustomElement as defineCustomElementQdsIcon } from './qds-icon.js';
+export { QdsIconButton, defineCustomElement as defineCustomElementQdsIconButton } from './qds-icon-button.js';
+export { QdsIconTab, defineCustomElement as defineCustomElementQdsIconTab } from './qds-icon-tab.js';
 export { QdsInlineLink, defineCustomElement as defineCustomElementQdsInlineLink } from './qds-inline-link.js';
 export { QdsInput, defineCustomElement as defineCustomElementQdsInput } from './qds-input.js';
 export { QdsLabel, defineCustomElement as defineCustomElementQdsLabel } from './qds-label.js';
+export { QdsListItem, defineCustomElement as defineCustomElementQdsListItem } from './qds-list-item.js';
+export { QdsLoader, defineCustomElement as defineCustomElementQdsLoader } from './qds-loader.js';
+export { QdsMenuItem, defineCustomElement as defineCustomElementQdsMenuItem } from './qds-menu-item.js';
+export { QdsMiniButton, defineCustomElement as defineCustomElementQdsMiniButton } from './qds-mini-button.js';
+export { QdsProgressBar, defineCustomElement as defineCustomElementQdsProgressBar } from './qds-progress-bar.js';
 export { QdsRadio, defineCustomElement as defineCustomElementQdsRadio } from './qds-radio.js';
+export { QdsSelect, defineCustomElement as defineCustomElementQdsSelect } from './qds-select.js';
+export { QdsStandaloneLink, defineCustomElement as defineCustomElementQdsStandaloneLink } from './qds-standalone-link.js';
 export { QdsSwitch, defineCustomElement as defineCustomElementQdsSwitch } from './qds-switch.js';
+export { QdsTab, defineCustomElement as defineCustomElementQdsTab } from './qds-tab.js';
+export { QdsTabbar, defineCustomElement as defineCustomElementQdsTabbar } from './qds-tabbar.js';
+export { QdsTable, defineCustomElement as defineCustomElementQdsTable } from './qds-table.js';
+export { QdsTableCell, defineCustomElement as defineCustomElementQdsTableCell } from './qds-table-cell.js';
+export { QdsTableHeadCell, defineCustomElement as defineCustomElementQdsTableHeadCell } from './qds-table-head-cell.js';
+export { QdsTableRow, defineCustomElement as defineCustomElementQdsTableRow } from './qds-table-row.js';
+export { QdsTag, defineCustomElement as defineCustomElementQdsTag } from './qds-tag.js';
 export { QdsTextarea, defineCustomElement as defineCustomElementQdsTextarea } from './qds-textarea.js';
 export { QdsTitle, defineCustomElement as defineCustomElementQdsTitle } from './qds-title.js';
 export { QdsTooltip, defineCustomElement as defineCustomElementQdsTooltip } from './qds-tooltip.js';
 
-// SPDX-FileCopyrightText: © 2023 Schneider Electric
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
-// SPDX-License-Identifier: LGPL-2.1-only
+// SPDX-License-Identifier: Apache-2.0
 const toClassList = (value) => {
-  if (value === undefined)
-    return document.documentElement.classList;
-  if (typeof value === 'string')
-    return document.querySelector(value)?.classList ?? undefined;
-  return value.classList;
+    if (value === undefined)
+        return document.documentElement.classList;
+    if (typeof value === 'string')
+        return document.querySelector(value)?.classList ?? undefined;
+    return value.classList;
 };
 const getVariant = (type, classList) => {
-  if (!classList)
-    return undefined;
-  const prefix = `qds-${type}-`;
-  return [...classList]
-    .find((value) => value.startsWith(prefix))
-    ?.replace(prefix, '');
+    if (!classList)
+        return undefined;
+    const prefix = `qds-${type}-`;
+    return [...classList]
+        .find((value) => value.startsWith(prefix))
+        ?.replace(prefix, '');
 };
 const setVariant = (type, value, element) => {
-  const classList = toClassList(element);
-  if (classList === undefined)
-    return;
-  const prefix = `qds-${type}-`;
-  const currentVariant = getVariant(type, classList);
-  if (currentVariant !== undefined)
-    classList.remove(`${prefix}${currentVariant}`);
-  classList.add(`${prefix}${value}`);
+    const classList = toClassList(element);
+    if (classList === undefined)
+        return;
+    const prefix = `qds-${type}-`;
+    const currentVariant = getVariant(type, classList);
+    if (currentVariant !== undefined)
+        classList.remove(`${prefix}${currentVariant}`);
+    classList.add(`${prefix}${value}`);
+};
+/**
+ * Calls all exported `defineCustomElementQds*` functions in the provided
+ * module.
+ *
+ * @param module The module to call the exported functions from.
+ */
+const defineCustomElements = (module) => {
+    for (const [key, value] of Object.entries(module))
+        if (typeof value === 'function' && key.startsWith('defineCustomElementQds'))
+            value();
 };
 /**
  * Get the currently set platform.
@@ -80,7 +113,7 @@ const getPlatform = (element) => getVariant('platform', toClassList(element));
  * By default, this is the root node of the current document.
  */
 const setPlatform = (platform, element) => {
-  setVariant('platform', platform, element);
+    setVariant('platform', platform, element);
 };
 /**
  * Get the currently set theme.
@@ -113,9 +146,10 @@ const getTheme = (element) => getVariant('theme', toClassList(element));
  * By default, this is the root node of the current document.
  */
 const setTheme = (theme, element) => {
-  setVariant('theme', theme, element);
+    setVariant('theme', theme, element);
 };
 
-export { getPlatform, getTheme, setPlatform, setTheme };
+export { defineCustomElements, getPlatform, getTheme, setPlatform, setTheme };
+//# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM,WAAW,GAAG,CAAC,KAAwB;EAC3C,IAAI,KAAK,KAAK,SAAS;IAAE,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;EAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;IAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS,CAAA;EAC9D,OAAO,KAAK,CAAC,SAAS,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC;EAEpC,IAAI,CAAC,SAAS;IAAE,OAAO,SAAS,CAAA;EAEhC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;EAE7B,OAAO,CAAC,GAAG,SAAS,CAAC;KAClB,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;MACjE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B;EAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;EACtC,IAAI,SAAS,KAAK,SAAS;IAAE,OAAM;EAEnC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;EAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;EAClD,IAAI,cAAc,KAAK,SAAS;IAC9B,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC,CAAA;EAChD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA;AAKD;;;;;;;;;;;;;;MAca,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAErE;;;;;;;;;;;;;;;MAea,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB;EAEzB,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC3C,EAAC;AAED;;;;;;;;;;;;;;MAca,QAAQ,GAAG,CACtB,OAAyB,KACF,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAElE;;;;;;;;;;;;;;;MAea,QAAQ,GAAG,CAKtB,KAAkB,EAClB,OAAyB;EAEzB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AACrC;;;;","names":[],"sources":["src/utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nconst toClassList = (value?: Element | string): DOMTokenList | undefined => {\n  if (value === undefined) return document.documentElement.classList\n  if (typeof value === 'string')\n    return document.querySelector(value)?.classList ?? undefined\n  return value.classList\n}\n\nconst getVariant = (\n  type: string,\n  classList?: DOMTokenList | undefined,\n): string | undefined => {\n  if (!classList) return undefined\n\n  const prefix = `qds-${type}-`\n\n  return [...classList]\n    .find((value: string): value is string => value.startsWith(prefix))\n    ?.replace(prefix, '')\n}\n\nconst setVariant = (\n  type: string,\n  value: string,\n  element?: Element | string,\n): void => {\n  const classList = toClassList(element)\n  if (classList === undefined) return\n\n  const prefix = `qds-${type}-`\n\n  const currentVariant = getVariant(type, classList)\n  if (currentVariant !== undefined)\n    classList.remove(`${prefix}${currentVariant}`)\n  classList.add(`${prefix}${value}`)\n}\n\n// eslint-disable-next-line @typescript-eslint/no-type-alias\ntype NonEmpty<T extends string = string> = T extends '' ? never : T\n\n/**\n * Get the currently set platform.\n *\n * @param element The element where the platform will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set platform if one is set, `undefined` otherwise.\n */\nexport const getPlatform = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('platform', toClassList(element))\n\n/**\n * Sets the current platform.\n *\n * The current platform represented by a `qds-platform-`-prefixed CSS class\n * will be removed.\n *\n * @param platform The platform to set. Must be a non-empty value.\n * @param element The element where the platform will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setPlatform = <\n  P extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  platform: NonEmpty<P>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('platform', platform, element)\n}\n\n/**\n * Get the currently set theme.\n *\n * @param element The element where the theme will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set theme if one is set, `undefined` otherwise.\n */\nexport const getTheme = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('theme', toClassList(element))\n\n/**\n * Sets the current theme.\n *\n * The current theme represented by a `qds-theme-`-prefixed CSS class will be\n * removed.\n *\n * @param theme The theme to set. Must be a non-empty value.\n * @param element The element where the theme will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setTheme = <\n  T extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  theme: NonEmpty<T>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('theme', theme, element)\n}\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM,WAAW,GAAG,CAAC,KAAwB,KAA8B;IACzE,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS;IAC9D,OAAO,KAAK,CAAC,SAAS;AACxB,CAAC;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC,KACd;AACtB,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,SAAS;AAEhC,IAAA,MAAM,MAAM,GAAG,CAAO,IAAA,EAAA,IAAI,GAAG;IAE7B,OAAO,CAAC,GAAG,SAAS;AACjB,SAAA,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;AAClE,UAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B,KAClB;AACR,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC;IACtC,IAAI,SAAS,KAAK,SAAS;QAAE;AAE7B,IAAA,MAAM,MAAM,GAAG,CAAO,IAAA,EAAA,IAAI,GAAG;IAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC;IAClD,IAAI,cAAc,KAAK,SAAS;QAC9B,SAAS,CAAC,MAAM,CAAC,CAAA,EAAG,MAAM,CAAG,EAAA,cAAc,CAAE,CAAA,CAAC;IAChD,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,MAAM,CAAG,EAAA,KAAK,CAAE,CAAA,CAAC;AACpC,CAAC;AAID;;;;;AAKG;AACU,MAAA,oBAAoB,GAAG,CAAC,MAA+B,KAAU;AAC5E,IAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,UAAU,IAAI,GAAG,CAAC,UAAU,CAAC,wBAAwB,CAAC;AACzE,YAAA,KAAK,EAAE;AACb;AAEA;;;;;;;;;;;;;AAaG;AACU,MAAA,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC;AAEpE;;;;;;;;;;;;;;AAcG;MACU,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB,KACjB;AACR,IAAA,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC;AAC3C;AAEA;;;;;;;;;;;;;AAaG;AACU,MAAA,QAAQ,GAAG,CACtB,OAAyB,KACF,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;AAEjE;;;;;;;;;;;;;;AAcG;MACU,QAAQ,GAAG,CAKtB,KAAkB,EAClB,OAAyB,KACjB;AACR,IAAA,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;AACrC;;;;","names":[],"sources":["src/utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nconst toClassList = (value?: Element | string): DOMTokenList | undefined => {\n  if (value === undefined) return document.documentElement.classList\n  if (typeof value === 'string')\n    return document.querySelector(value)?.classList ?? undefined\n  return value.classList\n}\n\nconst getVariant = (\n  type: string,\n  classList?: DOMTokenList | undefined,\n): string | undefined => {\n  if (!classList) return undefined\n\n  const prefix = `qds-${type}-`\n\n  return [...classList]\n    .find((value: string): value is string => value.startsWith(prefix))\n    ?.replace(prefix, '')\n}\n\nconst setVariant = (\n  type: string,\n  value: string,\n  element?: Element | string,\n): void => {\n  const classList = toClassList(element)\n  if (classList === undefined) return\n\n  const prefix = `qds-${type}-`\n\n  const currentVariant = getVariant(type, classList)\n  if (currentVariant !== undefined)\n    classList.remove(`${prefix}${currentVariant}`)\n  classList.add(`${prefix}${value}`)\n}\n\ntype NonEmpty<T extends string = string> = T extends '' ? never : T\n\n/**\n * Calls all exported `defineCustomElementQds*` functions in the provided\n * module.\n *\n * @param module The module to call the exported functions from.\n */\nexport const defineCustomElements = (module: Record<string, unknown>): void => {\n  for (const [key, value] of Object.entries(module))\n    if (typeof value === 'function' && key.startsWith('defineCustomElementQds'))\n      value()\n}\n\n/**\n * Get the currently set platform.\n *\n * @param element The element where the platform will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set platform if one is set, `undefined` otherwise.\n */\nexport const getPlatform = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('platform', toClassList(element))\n\n/**\n * Sets the current platform.\n *\n * The current platform represented by a `qds-platform-`-prefixed CSS class\n * will be removed.\n *\n * @param platform The platform to set. Must be a non-empty value.\n * @param element The element where the platform will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setPlatform = <\n  P extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  platform: NonEmpty<P>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('platform', platform, element)\n}\n\n/**\n * Get the currently set theme.\n *\n * @param element The element where the theme will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set theme if one is set, `undefined` otherwise.\n */\nexport const getTheme = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('theme', toClassList(element))\n\n/**\n * Sets the current theme.\n *\n * The current theme represented by a `qds-theme-`-prefixed CSS class will be\n * removed.\n *\n * @param theme The theme to set. Must be a non-empty value.\n * @param element The element where the theme will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setTheme = <\n  T extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  theme: NonEmpty<T>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('theme', theme, element)\n}\n"],"version":3}