@vonage/vivid 3.0.0-next.119 → 3.0.0-next.120

package/shared/patterns/form-elements/form-elements.d.ts

@@ -18,10 +18,10 @@ export declare function formElements<T extends {
         successText?: string | undefined;
         charCount: boolean;
         userValid: boolean;
-        "__#7291@#blurred": boolean;
+        "__#7518@#blurred": boolean;
         readonly errorValidationMessage: any;
         connectedCallback(): void;
-        "__#7291@#handleInvalidEvent": () => void;
+        "__#7518@#handleInvalidEvent": () => void;
         disconnectedCallback(): void;
         validate: () => void;
     };

package/shared/radio.js

@@ -1,4 +1,4 @@
-import { F as FoundationElement, _ as __decorate, a as attr, V as observable, b as __metadata } from './index.js';
+import { F as FoundationElement, _ as __decorate, a as attr, N as observable, b as __metadata } from './index.js';
 import { C as CheckableFormAssociated } from './form-associated.js';
 import { a as keySpace } from './key-codes.js';
 

package/shared/ref.js

@@ -1,4 +1,4 @@
-import { a1 as AttachedBehaviorHTMLDirective } from './index.js';
+import { R as AttachedBehaviorHTMLDirective } from './index.js';
 
 /**
  * The runtime behavior for template references.

package/shared/slotted.js

@@ -1,4 +1,4 @@
-import { a2 as Observable, $ as emptyArray, a1 as AttachedBehaviorHTMLDirective } from './index.js';
+import { V as Observable, T as emptyArray, R as AttachedBehaviorHTMLDirective } from './index.js';
 
 /**
  * Creates a function that can be used to filter a Node array, selecting only elements.

package/shared/string-trim.js

@@ -1,4 +1,5 @@
-import { n as functionUncurryThis, W as requireObjectCoercible$1, X as toString$1 } from './index.js';
+import { i as functionUncurryThis, P as requireObjectCoercible$1 } from './index.js';
+import { t as toString$1 } from './to-string.js';
 
 // a string of all valid unicode whitespaces
 var whitespaces$1 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +

package/shared/text-anchor.template.js

@@ -1,5 +1,5 @@
 import { a as affixIconTemplateFactory } from './affix.js';
-import { f as focusTemplateFactory } from './focus.js';
+import { f as focusTemplateFactory } from './focus2.js';
 import { h as html } from './index.js';
 import { r as ref } from './ref.js';
 import { c as classNames } from './class-names.js';

package/shared/to-string.js

@@ -0,0 +1,51 @@
+import { w as wellKnownSymbol$2, c as classofRaw$1, k as isCallable$1 } from './index.js';
+
+var wellKnownSymbol$1 = wellKnownSymbol$2;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$1('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable = isCallable$1;
+var classofRaw = classofRaw$1;
+var wellKnownSymbol = wellKnownSymbol$2;
+
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw(O)
+    // ES3 arguments fallback
+    : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
+};
+
+var classof = classof$1;
+
+var $String = String;
+
+var toString = function (argument) {
+  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+export { classof$1 as c, toString as t };

package/side-drawer/index.js

@@ -1,85 +1,6 @@
-import { F as FoundationElement, Y as __classPrivateFieldGet, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem, g as getPrefix } from '../shared/index.js';
-import { w as when } from '../shared/when.js';
-import { c as classNames } from '../shared/class-names.js';
+import { r as registerSideDrawer } from '../shared/definition34.js';
+import '../shared/index.js';
+import '../shared/when.js';
+import '../shared/class-names.js';
 
-var _SideDrawer_instances, _SideDrawer_close, _SideDrawer_open;
-class SideDrawer extends FoundationElement {
-  constructor() {
-    super(...arguments);
-    _SideDrawer_instances.add(this);
-    this.alternate = false;
-    this.modal = false;
-    this.open = false;
-    this.trailing = false;
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    super.attributeChangedCallback(name, oldValue, newValue);
-    switch (name) {
-      case 'open':
-        {
-          this.open ? __classPrivateFieldGet(this, _SideDrawer_instances, "m", _SideDrawer_open).call(this) : __classPrivateFieldGet(this, _SideDrawer_instances, "m", _SideDrawer_close).call(this);
-        }
-    }
-  }
-}
-_SideDrawer_instances = new WeakSet(), _SideDrawer_close = function _SideDrawer_close() {
-  this.$emit('close');
-}, _SideDrawer_open = function _SideDrawer_open() {
-  this.$emit('open');
-};
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "alternate", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "modal", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "open", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "trailing", void 0);
-
-var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 14 Dec 2022 14:20:57 GMT\n */\n.control {\n  position: fixed;\n  z-index: 1;\n  background-color: var(--vvd-color-canvas);\n  color: var(--vvd-color-canvas-text);\n  inline-size: 280px;\n  inset-block: 0;\n  overflow-y: auto;\n}\n.control[part~=vvd-theme-alternate] {\n  background-color: var(--vvd-color-canvas);\n  color: var(--vvd-color-canvas-text);\n  color-scheme: var(--vvd-color-scheme);\n}\n.control.trailing {\n  inset-inline-end: 0;\n}\n.control:not(.open).trailing {\n  transform: translateX(100%);\n}\n.control:not(.open):not(.trailing) {\n  transform: translateX(-100%);\n}\n.control.open:not(.modal).trailing + .side-drawer-app-content {\n  margin-inline-end: var(--side-drawer-app-content-offset, 280px);\n}\n.control.open:not(.modal):not(.trailing) + .side-drawer-app-content {\n  margin-inline-start: var(--side-drawer-app-content-offset, 280px);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .control {\n    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n}\n\n.scrim {\n  background-color: var(--vvd-color-canvas-text);\n  opacity: 0.5;\n  position: fixed;\n  inset: 0;\n}\n.scrim:not(.open) {\n  display: none;\n}";
-
-let _ = t => t,
-  _t,
-  _t2;
-const getClasses = ({
-  modal,
-  open,
-  trailing
-}) => classNames('control', ['modal', modal], ['open', open], ['trailing', trailing]);
-const getScrimClasses = ({
-  open
-}) => classNames('scrim', ['open', open]);
-const sideDrawerTemplate = () => html(_t || (_t = _`
-	<aside class="${0}" part="base ${0}"
-	 @keydown="${0}">
-    <slot></slot>
-	</aside>
-
-	<div class="side-drawer-app-content" ?inert="${0}">
-		<slot name="app-content"></slot>
-	</div>
-
-	${0}
-`), getClasses, x => x.alternate ? 'vvd-theme-alternate' : '', (x, c) => handleKeydown(x, c.event), x => x.open && x.modal, when(x => x.modal, html(_t2 || (_t2 = _`<div class="${0}" @click="${0}"></div>`), getScrimClasses, x => x.open = false)));
-const handleKeydown = (x, {
-  key
-}) => {
-  if (key === 'Escape') {
-    x.open = false;
-  } else {
-    return true;
-  }
-};
-
-const vividSideDrawer = SideDrawer.compose({
-  baseName: 'side-drawer',
-  template: sideDrawerTemplate,
-  styles: css_248z
-});
-designSystem.withPrefix(getPrefix(import.meta.url)).register(vividSideDrawer());
-
-export { vividSideDrawer };
+registerSideDrawer();