xv-webcomponents 1.20.2 → 1.22.1-qa.0

package/dist/collection/components/xv-textarea/xv-textarea.js

@@ -1,5 +1,6 @@
 import { Host, h } from "@stencil/core";
 import { SIZE_VAR } from "../../types/enum";
+import { resolveFieldMessage } from "../../utils/utils";
 export class XvTextarea {
     constructor() {
         this.value = '';
@@ -20,12 +21,13 @@ export class XvTextarea {
         this.value && this.internals.setFormValue(this.value);
     }
     render() {
-        return (h(Host, { key: '2f2c542bb1a9d69d47da720072b6437de12edd80', class: { disabled: !!this.disabled } }, h("label", { key: '0789ee447c5716570e8262a94802651b8cc0462e', class: "control" }, (this.label || this.max) && (h("p", { key: 'c9bbe62a7f0b1c508d24c714118611eaed9ceebc', class: "control_label" }, h("span", { key: '2bb448a77317c28d066ce15c5ae4834814d1ab6f' }, this.label, this.info && h("xv-tooltip-v2", { key: 'e7123ec2dc1454a8cc5d5fa038f93d346f4ae6fc', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'fcf15a21f45e16cc1624208d4e5895446b127020', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '922729421cb52f1f3c0f6531b0fed8009e110256', class: {
+        const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
+        return (h(Host, { key: '2ab7a9fc844665f1716f93795cdcf29e25be66d0', class: { disabled: !!this.disabled } }, h("label", { key: '56721656f7ca53e2c6c778d2061a3d5c260ac2bd', class: "control" }, (this.label || this.max) && (h("p", { key: '0473912285078db3b8b3ca0a49a7ed76d1fa0513', class: "control_label" }, h("span", { key: '26ce49dde111cc42bde6d8df4f3df7a780e8c4a9' }, this.label, this.info && h("xv-tooltip-v2", { key: 'e9246fb854236c9afb99dc14fa44fc7ab37f57ac', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '9bbd87910457b8e9506e11f3e8162801041ca292', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '509810f2bc7c0eb25562925f9f010925c8f83d0d', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: this.warning !== undefined,
-            } }, h("textarea", { key: '7f68c82eda17184e28e9a4d997761ea62aabb5fb', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), h("div", { key: '2b61ca5045e7282225981d94b410684d7c8b4209', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: '4799cd84c6843d21d1cc78ea9acc1da73cd3d7c4', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
+            } }, h("textarea", { key: 'e87e2ca9a1316d5af6227c1021e996ae89b441f1', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), h("div", { key: '92946149d2dc6e14bab2979085de33e2b6605ab4', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '9926dab4bf9cfeea0d8cf38205ce169d7655768f', class: { message: true, [message.level]: true } }, message.text))));
     }
     _renderIcon() {
         if (this.loading)

package/dist/collection/components/xv-tile/xv-tile.css

@@ -1,131 +1,4 @@
 @charset "UTF-8";
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 .xv-tile--host {
   display: contents;
 }

package/dist/collection/components/xv-tile/xv-tile.js

@@ -29,7 +29,7 @@ export class XvTile {
         this.checked = !this.checked;
     }
     render() {
-        return (h(Host, { key: '778291b3cae6d34530d821395937b4d108684879', class: "xv-tile--host" }, h("label", { key: '290526f3ac77fe61eeb4a98fbea8f013be1da263', class: {
+        return (h(Host, { key: '6824219c2d5056b682c54b385b70336400105561', class: "xv-tile--host" }, h("label", { key: 'b13a07bbd7bf94360cc5c51e6e55f4ba231ada5d', class: {
                 [this.el.className]: !!this.el.className,
                 'xv-tile': true,
                 [`xv-tile--variant-${this.variant}`]: !!this.variant,
@@ -37,7 +37,7 @@ export class XvTile {
                 'xv-tile--disabled': !!this.disabled,
                 'selected': !!this.checked,
                 'xv-tile--error': !!this.error,
-            } }, h("div", { key: '391755b63af0359c40a51bae83695b74cb11d647', class: "xv-tile_content" }, this.label && h("p", { key: 'e82e1ec94eae3badf111a8d4d331048b1d3d386e', class: "xv-tile_content__title" }, this.label), h("slot", { key: '095d9d9dad95b24884738cca5048e68dea353087' })), this.variant === 'selectable' && (h("div", { key: '41ed7c743f8986e5bee5e0033f66a808ec17a909', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: 'a8a42cceab0cc17cb209d1b63be52af8b5b72be8', class: "xv-tile_footer" }, h("button", { key: '6a8b53ff755a2cac43eb413b77d13732076d303b', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '2bce8e80f0f24b93e0d05a1c87e8a2cca988a7f2', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '18fe736e9f5df4ea0cb420fccf92972d095515a4', name: "expandable" })))));
+            } }, h("div", { key: '48d0e3130cd672d8a46581ffa6a99c7b1a46e396', class: "xv-tile_content" }, this.label && h("p", { key: '897886dcf0bc02968a163c568f028c9c43c2490d', class: "xv-tile_content__title" }, this.label), h("slot", { key: '252a2a40f88143fad5f13899c0bf6b9cec9aaee4' })), this.variant === 'selectable' && (h("div", { key: '7a306a57df6d6e8c2c5e92458267ccd6713e0f2f', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: '0ac23afd0d18c9b79a3be6ecf6811a01490da68b', class: "xv-tile_footer" }, h("button", { key: '0986411336a236ee8ee231a2cb7cc5a4908ad2bd', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'a53038b4c008249d3a034e508bc66cea93fcc5d6', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'ae376f81b20a8bba559856adbbcac5b452e64f82', name: "expandable" })))));
     }
     static get is() { return "xv-tile"; }
     static get originalStyleUrls() {

package/dist/collection/components/xv-toggle/xv-toggle.css

@@ -1,130 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host(.xv-toggle) {
   display: inline-flex;
   flex-direction: column;

package/dist/collection/components/xv-toggle/xv-toggle.js

@@ -15,7 +15,7 @@ export class XvToggle {
         };
     }
     render() {
-        return (h(Host, { key: 'e603736ce67dd57553390dfcc1b76cde38eb6190', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '7677177d6add94f70bf5d0217edc39a869851b22', class: "label" }, this.label), h("label", { key: 'a92364520ab3983e75ccbb51f95392df2a64cf6c', class: "control" }, h("slot", { key: '3cc967c6b42754bf7db4047fcb9e7a8a361fb05c', name: "before" }), h("div", { key: 'a812ccbaf60a1c4ebefb3ef4876ae8eaebaf4038', class: "control_input" }, h("input", { key: 'e52350af812525e68be5cb1ce08214496fc426d8', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), h("span", { key: 'a4d894bf4f2967185bf9024f70f171c81589dcb0', class: "toggle" })), h("slot", { key: 'f7cf3c1fff580a04ce451949b646b3168e993eb9', name: "after" }))));
+        return (h(Host, { key: '334e72b4bcd880ce3101de2235fc506e2bb162d6', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '8a2ae7929557c7735d25e41a67b803e59463163a', class: "label" }, this.label), h("label", { key: '1abb2846661d706c1d663f3c60638b6a4bf4c5dc', class: "control" }, h("slot", { key: 'd365e5a6a9372f202eae1fb1e5d6badd95f0366d', name: "before" }), h("div", { key: 'be34704113ec694638a5526114e6aafd6169f770', class: "control_input" }, h("input", { key: '1785e8f404e87932388cd12744bda205a89af46c', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), h("span", { key: 'a286ebfa813ad6fef3d09982dba95e883383232f', class: "toggle" })), h("slot", { key: '90775c317921ff24f8edc6dffcb0197184541b3b', name: "after" }))));
     }
     static get is() { return "xv-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.css

@@ -1,130 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host {
   display: inline-block;
   font-family: inherit;

package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js

@@ -67,7 +67,7 @@ export class XvToggleTip {
     }
     ;
     render() {
-        return (h(Host, { key: '9218fe777d145efaa6ba9ac0371bb763ec5c12eb', class: "xv-toggle-tip" }, h("div", { key: '6678b8eb112d70360068af465792e5d9a94f2a24', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'd70a6820a9ae568bc44ae8f706cec2d571b63ce2', name: "trigger" }, h("svg", { key: 'e2f11c13eb54ed48c426443147a78b700f43b60c', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'c8ddca63d2068029533b13b9b7bf289d7615dafd', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: '98458a57d265c7c42be6a2b3dedafcf87b9ad626', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '0dab84322c3a4123e732f65a99cf0661888c1e89', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'e3a1a4af5bb388a819641116cd5e88605c7f8abe', class: "popover-content" }, h("slot", { key: '959f27028df8fe7250647531ede57bdca839363b', name: "header" }), h("slot", { key: '6287f29117e963f813f1fedc57d63f78dd99d6bd', name: "body" }), h("slot", { key: 'd3148b03d4bfc3769674fdd8e0cca69937bc371c', name: "footer" })))));
+        return (h(Host, { key: '66fb2457b3884c8be164b7645831f2776a43f441', class: "xv-toggle-tip" }, h("div", { key: '806166deb8bbc3909b292b93d702bd5b7c3c46c8', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: '37132d8fa4e571717460070bf5d0c445ca7a93b4', name: "trigger" }, h("svg", { key: '6de199c506cba5882bdd21b932dfa99c976266c6', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'dee439c2353418e18128fe39f7ace26b77a5f93d', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: '55108699541b18a6fff18aa5657f79eeb7d32f6d', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '56ef2858d9cd497dfe0a6095437e141fd4af9a0a', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '5d10e4d5bb38e71066d2387a3c1d1e8caeb8aae7', class: "popover-content" }, h("slot", { key: '2ad153cd8b79fe57426118c892e5a32ad8f9a77b', name: "header" }), h("slot", { key: '72d1031f1289d1419a6461fa38f12d4bcb14d144', name: "body" }), h("slot", { key: '93ccfb491cccbfcc829773b5879ab3430f924697', name: "footer" })))));
     }
     disconnectedCallback() {
         this.destroyPopper();

package/dist/collection/components/xv-tooltip/xv-tooltip.css

@@ -1,35 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
 .xv-tooltip[role=tooltip] {
   position: absolute;
   background-color: var(--background-inverse, #333333);

package/dist/collection/components/xv-tooltip/xv-tooltip.js

@@ -38,11 +38,11 @@ export class XvTooltip {
         this.destroyTooltip();
     }
     render() {
-        return (h(Host, { key: 'cd27e64240c4336ee3c0d5ef2f7e177fe64312ec', role: "tooltip", class: {
+        return (h(Host, { key: '88126f30f16fb9a90d3a681b07cc044818f4b786', role: "tooltip", class: {
                 'xv-tooltip-wrapper': true,
                 [`xv-tooltip-wrapper__block`]: !!this.block,
                 [`xv-tooltip-wrapper__dashed`]: !!this.dashed,
-            } }, h("slot", { key: 'd0792746ece79b6af75a15ebf99933cf50080477' }, h("svg", { key: '4885129b0c5aa1e34f6e70d726a2639d7a7c7503', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '446060cc4d6c56bc5356cdc9cfd5252b5306a7e7', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
+            } }, h("slot", { key: '815bf58e317774fbd4fb23c85ba6820e9867af12' }, h("svg", { key: '0215e1f8f02833153916e41ec2c9152162d378a1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '4b6a6dab46f12962da077d27f71932d00d8207b6', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
     }
     static get is() { return "xv-tooltip-v2"; }
     static get originalStyleUrls() {

package/dist/collection/utils/utils.js

@@ -13,6 +13,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 export function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
+/**
+ * Returns the highest-priority field message (error → warning → helper):
+ * the first field carrying a non-empty string. Boolean flags (border/icon
+ * state only) carry no text and are skipped.
+ */
+export const resolveFieldMessage = (fields) => {
+    const { error, warning, helper } = fields;
+    if (typeof error === 'string' && error)
+        return { level: 'error', text: error };
+    if (typeof warning === 'string' && warning)
+        return { level: 'warning', text: warning };
+    if (typeof helper === 'string' && helper)
+        return { level: 'helper', text: helper };
+    return null;
+};
 export function uidGenerator() {
     return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16));
 }

package/dist/esm/{index-OqHMuwQF.js → index-CQm2sRKT.js}

@@ -13,6 +13,21 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
+/**
+ * Returns the highest-priority field message (error → warning → helper):
+ * the first field carrying a non-empty string. Boolean flags (border/icon
+ * state only) carry no text and are skipped.
+ */
+const resolveFieldMessage = (fields) => {
+    const { error, warning, helper } = fields;
+    if (typeof error === 'string' && error)
+        return { level: 'error', text: error };
+    if (typeof warning === 'string' && warning)
+        return { level: 'warning', text: warning };
+    if (typeof helper === 'string' && helper)
+        return { level: 'helper', text: helper };
+    return null;
+};
 function uidGenerator() {
     return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16));
 }
@@ -125,4 +140,4 @@ const api = {
     delete: (input, init) => baseFetch(input, Object.assign(Object.assign({}, init), { method: 'DELETE' })),
 };
 
-export { api as a, getBaseUrl as b, format as c, debounce as d, forEach as f, getMetaNav as g, resolveWhitelabel as r, setAttr as s, uidGenerator as u };
+export { api as a, getBaseUrl as b, resolveWhitelabel as c, debounce as d, format as e, forEach as f, getMetaNav as g, resolveFieldMessage as r, setAttr as s, uidGenerator as u };