@vonage/vivid 4.24.0 → 4.26.0

package/shared/with-error-text.js

@@ -0,0 +1,54 @@
+import { a as attr } from './vivid-element.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const WithErrorText = (Base) => {
+  class ElementWithErrorText extends Base {
+    /**
+     * @internal
+     */
+    errorTextChanged(_, newErrorText) {
+      if (newErrorText) {
+        this.#forceCustomError(newErrorText);
+      } else {
+        this.#clearCustomErrorAndRevalidate();
+      }
+    }
+    #blockValidateCalls = false;
+    #originalValidateFn;
+    constructor(...args) {
+      super(...args);
+      this.#originalValidateFn = this.validate;
+      this.validate = () => {
+        if (!this.#blockValidateCalls) this.#originalValidateFn();
+      };
+    }
+    #forceCustomError(errorMessage) {
+      this.setValidity(
+        { customError: true },
+        errorMessage,
+        this.control
+      );
+      this.errorValidationMessage = errorMessage;
+      this.#blockValidateCalls = true;
+    }
+    #clearCustomErrorAndRevalidate() {
+      this.setValidity({}, "", this.control);
+      this.#blockValidateCalls = false;
+      this.validate();
+    }
+  }
+  __decorateClass([
+    attr({ attribute: "error-text" })
+  ], ElementWithErrorText.prototype, "errorText");
+  return ElementWithErrorText;
+};
+
+export { WithErrorText as W };

package/shared/with-success-text.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+const vividElement = require('./vivid-element.cjs');
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const WithSuccessText = (Base) => {
+  class ElementWithSuccessText extends Base {
+  }
+  __decorateClass([
+    vividElement.attr({ attribute: "success-text" })
+  ], ElementWithSuccessText.prototype, "successText");
+  return ElementWithSuccessText;
+};
+
+exports.WithSuccessText = WithSuccessText;

package/shared/with-success-text.js

@@ -0,0 +1,21 @@
+import { a as attr } from './vivid-element.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const WithSuccessText = (Base) => {
+  class ElementWithSuccessText extends Base {
+  }
+  __decorateClass([
+    attr({ attribute: "success-text" })
+  ], ElementWithSuccessText.prototype, "successText");
+  return ElementWithSuccessText;
+};
+
+export { WithSuccessText as W };

package/side-drawer/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition47.cjs');
+const definition = require('../shared/definition48.cjs');
 
 definition.registerSideDrawer();

package/side-drawer/index.js

@@ -1,3 +1,3 @@
-import { r as registerSideDrawer } from '../shared/definition47.js';
+import { r as registerSideDrawer } from '../shared/definition48.js';
 
 registerSideDrawer();

package/slider/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition48.cjs');
+const definition = require('../shared/definition49.cjs');
 
 definition.registerSlider();

package/slider/index.js

@@ -1,3 +1,3 @@
-import { r as registerSlider } from '../shared/definition48.js';
+import { r as registerSlider } from '../shared/definition49.js';
 
 registerSlider();

package/split-button/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition49.cjs');
+const definition = require('../shared/definition50.cjs');
 
 definition.registerSplitButton();

package/split-button/index.js

@@ -1,3 +1,3 @@
-import { r as registerSplitButton } from '../shared/definition49.js';
+import { r as registerSplitButton } from '../shared/definition50.js';
 
 registerSplitButton();

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:13 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:13 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:13 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:14 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/vivid-2-compat.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 14:52:13 GMT
+ * Generated on Wed, 18 Jun 2025 09:28:14 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {

package/switch/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition50.cjs');
+const definition = require('../shared/definition51.cjs');
 
 definition.registerSwitch();

package/switch/index.js

@@ -1,3 +1,3 @@
-import { r as registerSwitch } from '../shared/definition50.js';
+import { r as registerSwitch } from '../shared/definition51.js';
 
 registerSwitch();

package/tab/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition52.cjs');
+const definition = require('../shared/definition53.cjs');
 
 definition.registerTab();

package/tab/index.js

@@ -1,3 +1,3 @@
-import { r as registerTab } from '../shared/definition52.js';
+import { r as registerTab } from '../shared/definition53.js';
 
 registerTab();

package/tab-panel/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition51.cjs');
+const definition = require('../shared/definition52.cjs');
 
 definition.registerTabPanel();

package/tab-panel/index.js

@@ -1,3 +1,3 @@
-import { r as registerTabPanel } from '../shared/definition51.js';
+import { r as registerTabPanel } from '../shared/definition52.js';
 
 registerTabPanel();

package/tabs/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition53.cjs');
+const definition = require('../shared/definition54.cjs');
 
 definition.registerTabs();

package/tabs/index.js

@@ -1,3 +1,3 @@
-import { r as registerTabs } from '../shared/definition53.js';
+import { r as registerTabs } from '../shared/definition54.js';
 
 registerTabs();

package/tag/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition55.cjs');
+const definition = require('../shared/definition56.cjs');
 
 definition.registerTag();

package/tag/index.js

@@ -1,3 +1,3 @@
-import { r as registerTag } from '../shared/definition55.js';
+import { r as registerTag } from '../shared/definition56.js';
 
 registerTag();

package/tag-group/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition54.cjs');
+const definition = require('../shared/definition55.cjs');
 
 definition.registerTagGroup();

package/tag-group/index.js

@@ -1,3 +1,3 @@
-import { r as registerTagGroup } from '../shared/definition54.js';
+import { r as registerTagGroup } from '../shared/definition55.js';
 
 registerTagGroup();

package/text-area/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition56.cjs');
+const definition = require('../shared/definition57.cjs');
 
 definition.registerTextArea();

package/text-area/index.js

@@ -1,3 +1,3 @@
-import { r as registerTextArea } from '../shared/definition56.js';
+import { r as registerTextArea } from '../shared/definition57.js';
 
 registerTextArea();

package/text-field/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition57.cjs');
+const definition = require('../shared/definition58.cjs');
 
 definition.registerTextField();

package/text-field/index.js

@@ -1,3 +1,3 @@
-import { r as registerTextField } from '../shared/definition57.js';
+import { r as registerTextField } from '../shared/definition58.js';
 
 registerTextField();

package/time-picker/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition58.cjs');
+const definition = require('../shared/definition59.cjs');
 
 definition.registerTimePicker();

package/time-picker/index.js

@@ -1,3 +1,3 @@
-import { r as registerTimePicker } from '../shared/definition58.js';
+import { r as registerTimePicker } from '../shared/definition59.js';
 
 registerTimePicker();

package/toggletip/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition59.cjs');
+const definition = require('../shared/definition60.cjs');
 
 definition.registerToggletip();

package/toggletip/index.js

@@ -1,3 +1,3 @@
-import { r as registerToggletip } from '../shared/definition59.js';
+import { r as registerToggletip } from '../shared/definition60.js';
 
 registerToggletip();

package/tooltip/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition60.cjs');
+const definition = require('../shared/definition61.cjs');
 
 definition.registerTooltip();

package/tooltip/index.js

@@ -1,3 +1,3 @@
-import { r as registerTooltip } from '../shared/definition60.js';
+import { r as registerTooltip } from '../shared/definition61.js';
 
 registerTooltip();

package/tree-item/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition61.cjs');
+const definition = require('../shared/definition62.cjs');
 
 definition.registerTreeItem();

package/tree-item/index.js

@@ -1,3 +1,3 @@
-import { r as registerTreeItem } from '../shared/definition61.js';
+import { r as registerTreeItem } from '../shared/definition62.js';
 
 registerTreeItem();

package/tree-view/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition62.cjs');
+const definition = require('../shared/definition63.cjs');
 
 definition.registerTreeView();

package/tree-view/index.js

@@ -1,3 +1,3 @@
-import { r as registerTreeView } from '../shared/definition62.js';
+import { r as registerTreeView } from '../shared/definition63.js';
 
 registerTreeView();

package/video-player/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition63.cjs');
+const definition = require('../shared/definition64.cjs');
 
 definition.registerVideoPlayer();

package/video-player/index.js

@@ -1,3 +1,3 @@
-import { r as registerVideoPlayer } from '../shared/definition63.js';
+import { r as registerVideoPlayer } from '../shared/definition64.js';
 
 registerVideoPlayer();

package/visually-hidden/index.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const definition = require('../shared/definition66.cjs');
+
+definition.registerVisuallyHidden();

package/visually-hidden/index.js

@@ -0,0 +1,3 @@
+import { r as registerVisuallyHidden } from '../shared/definition66.js';
+
+registerVisuallyHidden();