@quartzds/core 1.0.0-beta.76 → 1.0.0-beta.77

package/components/index.d.ts

@@ -45,6 +45,8 @@ 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 { TableBody as QdsTableBody } from '../dist/types/components/table-body/table-body';

package/components/index.js

@@ -3,8 +3,8 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-219cedf2.js';
-export { r as registerIconLibrary, u as unregisterIconLibrary } from './p-2800398c.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-7b04d43e.js';
+export { r as registerIconLibrary, u as unregisterIconLibrary } from './p-82461767.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';
@@ -28,6 +28,7 @@ export { QdsSelect, defineCustomElement as defineCustomElementQdsSelect } from '
 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 { QdsTableBody, defineCustomElement as defineCustomElementQdsTableBody } from './qds-table-body.js';
 export { QdsTableCell, defineCustomElement as defineCustomElementQdsTableCell } from './qds-table-cell.js';

package/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM,WAAW,GAAG,CAAC,KAAwB;IAC3C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS,CAAA;IAC9D,OAAO,KAAK,CAAC,SAAS,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC;IAEpC,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAA;IAEhC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,OAAO,CAAC,GAAG,SAAS,CAAC;SAClB,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;UACjE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,SAAS,KAAK,SAAS;QAAE,OAAM;IAEnC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAClD,IAAI,cAAc,KAAK,SAAS;QAC9B,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA;AAID;;;;;;;;;;;;;;MAca,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAErE;;;;;;;;;;;;;;;MAea,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB;IAEzB,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;IAEzB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;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 * 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;IAC3C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS,CAAA;IAC9D,OAAO,KAAK,CAAC,SAAS,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC;IAEpC,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAA;IAEhC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,OAAO,CAAC,GAAG,SAAS,CAAC;SAClB,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;UACjE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,SAAS,KAAK,SAAS;QAAE,OAAM;IAEnC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAClD,IAAI,cAAc,KAAK,SAAS;QAC9B,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA;AAID;;;;;;;;;;;;;;MAca,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAErE;;;;;;;;;;;;;;;MAea,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB;IAEzB,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;IAEzB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;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 * 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}

package/components/{p-2fc5cc5a.js → p-028b9d2e.js}

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { p as proxyCustomElement, H, h } from './p-219cedf2.js';
+import { p as proxyCustomElement, H, h } from './p-7b04d43e.js';
 
 const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-control-toggle-indicator-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-badge-standard-text);height:var(--qds-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-badge-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-badge-small-text);height:var(--qds-badge-counter-small-height);padding-inline:var(--qds-badge-small-padding-horizontal)}[data-size=large]{font:var(--qds-badge-large-text);height:var(--qds-badge-counter-large-height);padding-inline:var(--qds-badge-large-padding-horizontal)}[data-size=hero]{font:var(--qds-badge-hero-text);height:var(--qds-badge-counter-hero-height);padding-inline:var(--qds-badge-hero-padding-horizontal)}";
 const QdsBadgeCounterStyle0 = badgeCounterCss;
@@ -93,4 +93,4 @@ function defineCustomElement() {
 
 export { BadgeCounter as B, defineCustomElement as d };
 
-//# sourceMappingURL=p-2fc5cc5a.js.map
+//# sourceMappingURL=p-028b9d2e.js.map

package/components/{p-2fc5cc5a.js.map → p-028b9d2e.js.map}

@@ -1 +1 @@
-{"file":"p-2fc5cc5a.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,4qEAA4qE,CAAC;AACrsE,8BAAe,eAAe;;ACD9B;AACA;AACA;;;;;;;;;MAwBa,YAAY;;;;;;;0BAcuC,UAAU;oBAKtB,UAAU;0BAKd,KAAK;;;IA6C5C,MAAM;QACX,QACE,6DACE,KAAK,EAAE;gBACL,mBAAmB,EAAE,IAAI;gBACzB,iBAAiB,EAAE,IAAI,CAAC,UAAU;aACnC,qBACgB,uBAAA,IAAI,qEAAoB,eAC9B,uBAAA,IAAI,+DAAc,IAE5B,uBAAA,IAAI,gEAAe,EACpB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC9C,EACR;KACF;;;;;;;;;;IAnDC,MAAM,KAAK,GACT,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;UAC1B,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;;aAE9B,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IAChC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IAE/C,OAAO,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAA;AAC/C,CAAC;IAGC,QAAQ,IAAI,CAAC,UAAU;QACrB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa,CAAC;QACnB,KAAK,qBAAqB,CAAC;QAC3B,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,UAAU,CAAA;SACvB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;IAGC,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO,CAAC;QACb,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-control-toggle-indicator-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-badge-standard-text);\n  height: var(--qds-badge-counter-standard-height);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-badge-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-badge-small-text);\n  height: var(--qds-badge-counter-small-height);\n  padding-inline: var(--qds-badge-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-badge-large-text);\n  height: var(--qds-badge-counter-large-height);\n  padding-inline: var(--qds-badge-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-badge-hero-text);\n  height: var(--qds-badge-counter-hero-height);\n  padding-inline: var(--qds-badge-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n"],"version":3}
+{"file":"p-028b9d2e.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,4qEAA4qE,CAAC;AACrsE,8BAAe,eAAe;;ACD9B;AACA;AACA;;;;;;;;;MAwBa,YAAY;;;;;;;0BAcuC,UAAU;oBAKtB,UAAU;0BAKd,KAAK;;;IA6C5C,MAAM;QACX,QACE,6DACE,KAAK,EAAE;gBACL,mBAAmB,EAAE,IAAI;gBACzB,iBAAiB,EAAE,IAAI,CAAC,UAAU;aACnC,qBACgB,uBAAA,IAAI,qEAAoB,eAC9B,uBAAA,IAAI,+DAAc,IAE5B,uBAAA,IAAI,gEAAe,EACpB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC9C,EACR;KACF;;;;;;;;;;IAnDC,MAAM,KAAK,GACT,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;UAC1B,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;;aAE9B,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IAChC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IAE/C,OAAO,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAA;AAC/C,CAAC;IAGC,QAAQ,IAAI,CAAC,UAAU;QACrB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa,CAAC;QACnB,KAAK,qBAAqB,CAAC;QAC3B,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,UAAU,CAAA;SACvB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;IAGC,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO,CAAC;QACb,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-control-toggle-indicator-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-badge-standard-text);\n  height: var(--qds-badge-counter-standard-height);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-badge-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-badge-small-text);\n  height: var(--qds-badge-counter-small-height);\n  padding-inline: var(--qds-badge-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-badge-large-text);\n  height: var(--qds-badge-counter-large-height);\n  padding-inline: var(--qds-badge-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-badge-hero-text);\n  height: var(--qds-badge-counter-hero-height);\n  padding-inline: var(--qds-badge-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n"],"version":3}

package/components/p-355efdb1.js

@@ -0,0 +1,83 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-7b04d43e.js';
+import { i as inheritAriaAttributes } from './p-4141d6ed.js';
+
+const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}";
+const QdsDividerStyle0 = dividerCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Divider_instances, _Divider_inheritedAttributes, _Divider_computedImportance_get;
+const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _Divider_instances.add(this);
+        _Divider_inheritedAttributes.set(this, {});
+        this.importance = 'standard';
+        this.vertical = false;
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Divider_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("hr", { key: '0938dbe1161907192145b4eae41a35edac555da8', class: {
+                'qds-divider': true,
+                'qds-vertical': this.vertical,
+            }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet(this, _Divider_instances, "a", _Divider_computedImportance_get), ...__classPrivateFieldGet(this, _Divider_inheritedAttributes, "f") }));
+    }
+    get host() { return this; }
+    static get style() { return QdsDividerStyle0; }
+}, [1, "qds-divider", {
+        "importance": [1],
+        "vertical": [4]
+    }]);
+_Divider_inheritedAttributes = new WeakMap(), _Divider_instances = new WeakSet(), _Divider_computedImportance_get = function _Divider_computedImportance_get() {
+    switch (this.importance) {
+        case 'emphasized': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Divider);
+            }
+            break;
+    } });
+}
+
+export { Divider as D, defineCustomElement as d };
+
+//# sourceMappingURL=p-355efdb1.js.map

package/components/p-355efdb1.js.map

@@ -0,0 +1 @@
+{"file":"p-355efdb1.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,iXAAiX,CAAC;AACrY,yBAAe,UAAU;;ACDzB;AACA;AACA;;;;;;;;;;;;;;;;;;MAuBa,OAAO;;;;;;QAclB,uCAAmC,EAAE,EAAA;0BATnC,UAAU;wBAKgC,KAAK;;IAiB1C,iBAAiB;QACtB,uBAAA,IAAI,gCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,2DACE,KAAK,EAAE;gBACL,aAAa,EAAE,IAAI;gBACnB,cAAc,EAAE,IAAI,CAAC,QAAQ;aAC9B,iBACW,MAAM,qBACD,uBAAA,IAAI,2DAAoB,KAErC,uBAAA,IAAI,oCAAqB,GAC7B,EACH;KACF;;;;;;;;IA3BC,QAAQ,IAAI,CAAC,UAAU;QACrB,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,UAAU,CAAA;SACvB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-divider {\n  border: none;\n  height: var(--qds-control-border-width);\n  margin: 0;\n  width: 100%;\n}\n\n.qds-vertical {\n  height: 100%;\n  width: var(--qds-control-border-width);\n}\n\n[data-importance='standard'] {\n  background-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-divider-emphasized);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport type { Importance } from '../shared'\n\n/**\n * The `<qds-divider>` element a thematic break between paragraph-level\n * elements: for example, a change of scene in a story, or a shift of topic\n * within a section.\n *\n * Dividers can also be used to group menu items in `<qds-dropdown>` elements.\n *\n * @see https://quartz.se.com/build/components/divider\n */\n@Component({\n  tag: 'qds-divider',\n  shadow: true,\n  styleUrl: 'divider.css',\n})\nexport class Divider implements ComponentInterface {\n  /**\n   * The divider's importance.\n   */\n  @Prop() public readonly importance?: Exclude<Importance, 'subdued'> =\n    'standard'\n\n  /**\n   * Display the divider in vertical orientation.\n   */\n  @Prop() public readonly vertical: boolean = false\n\n  @Element() private readonly host!: HTMLQdsDividerElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <hr\n        class={{\n          'qds-divider': true,\n          'qds-vertical': this.vertical,\n        }}\n        aria-hidden=\"true\"\n        data-importance={this.#computedImportance}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      />\n    )\n  }\n}\n"],"version":3}

package/components/{p-219cedf2.js → p-7b04d43e.js}

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 const NAMESPACE = 'qds';
-const BUILD = /* qds */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* qds */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.21.0 | MIT Licensed | https://stenciljs.com
@@ -1160,6 +1160,9 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  {
+    safeCall(instance, "componentDidRender");
+  }
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
@@ -1550,4 +1553,4 @@ var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
 export { Fragment as F, H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
 
-//# sourceMappingURL=p-219cedf2.js.map
+//# sourceMappingURL=p-7b04d43e.js.map