@vonage/vivid 4.17.0 → 4.18.0

package/shared/definition7.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const vividElement = require('./vivid-element.cjs');
-const definition = require('./definition27.cjs');
+const definition = require('./definition28.cjs');
 const affix = require('./affix.cjs');
 const applyMixins = require('./apply-mixins.cjs');
 const classNames = require('./class-names.cjs');

package/shared/definition7.js

@@ -1,5 +1,5 @@
 import { V as VividElement, a as attr, h as html, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
-import { i as iconDefinition } from './definition27.js';
+import { i as iconDefinition } from './definition28.js';
 import { A as AffixIconWithTrailing, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { c as classNames } from './class-names.js';

package/shared/definition8.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
 const definition = require('./definition11.cjs');
-const definition$1 = require('./definition27.cjs');
+const definition$1 = require('./definition28.cjs');
 const vividElement = require('./vivid-element.cjs');
 const applyMixins = require('./apply-mixins.cjs');
 const enums = require('./enums.cjs');
 const affix = require('./affix.cjs');
+const delegatesAria = require('./delegates-aria.cjs');
 const localized = require('./localized.cjs');
 const classNames = require('./class-names.cjs');
 const slotted = require('./slotted.cjs');
@@ -30,11 +31,10 @@ const connotationIconMap = /* @__PURE__ */ new Map([
   [enums.Connotation.Alert, "error-solid"]
 ]);
 const defaultConnotation = (connotation = enums.Connotation.Information) => connotationIconMap.get(connotation);
-class Banner extends vividElement.VividElement {
+class Banner extends delegatesAria.DelegatesAria(vividElement.VividElement) {
   constructor() {
     super(...arguments);
     this.dismissButtonAriaLabel = null;
-    this.role = null;
     this.removable = false;
     this.#handleRemoveEnd = () => {
       this.$emit("removed");
@@ -72,9 +72,6 @@ class Banner extends vividElement.VividElement {
 __decorateClass([
   vividElement.attr({ attribute: "dismiss-aria-label" })
 ], Banner.prototype, "dismissButtonAriaLabel");
-__decorateClass([
-  vividElement.attr
-], Banner.prototype, "role");
 __decorateClass([
   vividElement.attr({ attribute: "action-href" })
 ], Banner.prototype, "actionHref");
@@ -84,9 +81,6 @@ __decorateClass([
 __decorateClass([
   vividElement.attr({ mode: "boolean" })
 ], Banner.prototype, "removable");
-__decorateClass([
-  vividElement.attr({ attribute: "aria-live" })
-], Banner.prototype, "ariaLive");
 __decorateClass([
   vividElement.attr()
 ], Banner.prototype, "text");

package/shared/definition8.js

@@ -1,9 +1,10 @@
 import { B as Button, b as buttonDefinition } from './definition11.js';
-import { i as iconDefinition } from './definition27.js';
+import { i as iconDefinition } from './definition28.js';
 import { V as VividElement, a as attr, o as observable, h as html, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { C as Connotation } from './enums.js';
 import { b as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
+import { D as DelegatesAria } from './delegates-aria.js';
 import { L as Localized } from './localized.js';
 import { c as classNames } from './class-names.js';
 import { s as slotted } from './slotted.js';
@@ -28,11 +29,10 @@ const connotationIconMap = /* @__PURE__ */ new Map([
   [Connotation.Alert, "error-solid"]
 ]);
 const defaultConnotation = (connotation = Connotation.Information) => connotationIconMap.get(connotation);
-class Banner extends VividElement {
+class Banner extends DelegatesAria(VividElement) {
   constructor() {
     super(...arguments);
     this.dismissButtonAriaLabel = null;
-    this.role = null;
     this.removable = false;
     this.#handleRemoveEnd = () => {
       this.$emit("removed");
@@ -70,9 +70,6 @@ class Banner extends VividElement {
 __decorateClass([
   attr({ attribute: "dismiss-aria-label" })
 ], Banner.prototype, "dismissButtonAriaLabel");
-__decorateClass([
-  attr
-], Banner.prototype, "role");
 __decorateClass([
   attr({ attribute: "action-href" })
 ], Banner.prototype, "actionHref");
@@ -82,9 +79,6 @@ __decorateClass([
 __decorateClass([
   attr({ mode: "boolean" })
 ], Banner.prototype, "removable");
-__decorateClass([
-  attr({ attribute: "aria-live" })
-], Banner.prototype, "ariaLive");
 __decorateClass([
   attr()
 ], Banner.prototype, "text");

package/shared/definition9.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('./definition27.cjs');
+const definition = require('./definition28.cjs');
 const vividElement = require('./vivid-element.cjs');
 const breadcrumbItem = require('./breadcrumb-item.cjs');
 const textAnchor_template = require('./text-anchor.template.cjs');

package/shared/definition9.js

@@ -1,4 +1,4 @@
-import { I as Icon, i as iconDefinition } from './definition27.js';
+import { I as Icon, i as iconDefinition } from './definition28.js';
 import { h as html, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
 import { B as BreadcrumbItem } from './breadcrumb-item.js';
 import { t as textAnchorTemplate } from './text-anchor.template.js';

package/shared/delegates-aria.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+const vividElement = require('./vivid-element.cjs');
+
+const ariaMixinProperties = [
+  "role",
+  "ariaAtomic",
+  "ariaAutoComplete",
+  "ariaBusy",
+  "ariaChecked",
+  "ariaColCount",
+  "ariaColIndex",
+  "ariaColIndexText",
+  "ariaColSpan",
+  "ariaCurrent",
+  "ariaDescription",
+  "ariaDisabled",
+  "ariaExpanded",
+  "ariaHasPopup",
+  "ariaHidden",
+  "ariaInvalid",
+  "ariaKeyShortcuts",
+  "ariaLabel",
+  "ariaLevel",
+  "ariaLive",
+  "ariaModal",
+  "ariaMultiLine",
+  "ariaMultiSelectable",
+  "ariaOrientation",
+  "ariaPlaceholder",
+  "ariaPosInSet",
+  "ariaPressed",
+  "ariaReadOnly",
+  "ariaRequired",
+  "ariaRoleDescription",
+  "ariaRowCount",
+  "ariaRowIndex",
+  "ariaRowIndexText",
+  "ariaRowSpan",
+  "ariaSelected",
+  "ariaSetSize",
+  "ariaSort",
+  "ariaValueMax",
+  "ariaValueMin",
+  "ariaValueNow",
+  "ariaValueText",
+  "ariaRelevant"
+  // Non-standard
+];
+const ariaAttributeName = (ariaPropertyName) => ariaPropertyName.replace("aria", "aria-").toLowerCase();
+const DelegatesAria = (Base) => {
+  class DelegatesAriaElement extends Base {
+    constructor(...rest) {
+      super(...rest);
+      for (const ariaProperty of ariaMixinProperties) {
+        this[ariaProperty] = null;
+      }
+    }
+  }
+  for (const ariaProperty of ariaMixinProperties) {
+    vividElement.attr({ attribute: ariaAttributeName(ariaProperty) })(
+      DelegatesAriaElement.prototype,
+      ariaProperty
+    );
+  }
+  return DelegatesAriaElement;
+};
+
+exports.DelegatesAria = DelegatesAria;

package/shared/delegates-aria.js

@@ -0,0 +1,67 @@
+import { a as attr } from './vivid-element.js';
+
+const ariaMixinProperties = [
+  "role",
+  "ariaAtomic",
+  "ariaAutoComplete",
+  "ariaBusy",
+  "ariaChecked",
+  "ariaColCount",
+  "ariaColIndex",
+  "ariaColIndexText",
+  "ariaColSpan",
+  "ariaCurrent",
+  "ariaDescription",
+  "ariaDisabled",
+  "ariaExpanded",
+  "ariaHasPopup",
+  "ariaHidden",
+  "ariaInvalid",
+  "ariaKeyShortcuts",
+  "ariaLabel",
+  "ariaLevel",
+  "ariaLive",
+  "ariaModal",
+  "ariaMultiLine",
+  "ariaMultiSelectable",
+  "ariaOrientation",
+  "ariaPlaceholder",
+  "ariaPosInSet",
+  "ariaPressed",
+  "ariaReadOnly",
+  "ariaRequired",
+  "ariaRoleDescription",
+  "ariaRowCount",
+  "ariaRowIndex",
+  "ariaRowIndexText",
+  "ariaRowSpan",
+  "ariaSelected",
+  "ariaSetSize",
+  "ariaSort",
+  "ariaValueMax",
+  "ariaValueMin",
+  "ariaValueNow",
+  "ariaValueText",
+  "ariaRelevant"
+  // Non-standard
+];
+const ariaAttributeName = (ariaPropertyName) => ariaPropertyName.replace("aria", "aria-").toLowerCase();
+const DelegatesAria = (Base) => {
+  class DelegatesAriaElement extends Base {
+    constructor(...rest) {
+      super(...rest);
+      for (const ariaProperty of ariaMixinProperties) {
+        this[ariaProperty] = null;
+      }
+    }
+  }
+  for (const ariaProperty of ariaMixinProperties) {
+    attr({ attribute: ariaAttributeName(ariaProperty) })(
+      DelegatesAriaElement.prototype,
+      ariaProperty
+    );
+  }
+  return DelegatesAriaElement;
+};
+
+export { DelegatesAria as D };

package/shared/form-associated.js

@@ -1,4 +1,4 @@
-import { a as attr, o as observable, e as emptyArray, D as DOM, c as booleanConverter } from './vivid-element.js';
+import { a as attr, o as observable, c as booleanConverter, e as emptyArray, D as DOM } from './vivid-element.js';
 import { k as keyEnter } from './key-codes.js';
 
 const proxySlotName = "form-associated-proxy";

package/shared/form-elements.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const definition = require('./definition27.cjs');
+const definition = require('./definition28.cjs');
 const vividElement = require('./vivid-element.cjs');
 const slotted = require('./slotted.cjs');
 const classNames = require('./class-names.cjs');

package/shared/form-elements.js

@@ -1,4 +1,4 @@
-import { I as Icon } from './definition27.js';
+import { I as Icon } from './definition28.js';
 import { h as html, a as attr, o as observable } from './vivid-element.js';
 import { s as slotted } from './slotted.js';
 import { c as classNames } from './class-names.js';

package/shared/foundation/anchor/anchor.d.ts

@@ -1,4 +1,3 @@
-import { ARIAGlobalStatesAndProperties } from '../patterns/aria-global';
 export declare class Anchor {
     download: string;
     href: string;
@@ -10,10 +9,3 @@ export declare class Anchor {
     type: string;
     control: HTMLAnchorElement | undefined;
 }
-export declare class DelegatesARIALink {
-    ariaExpanded: 'true' | 'false' | string | null;
-}
-export interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
-}
-export interface Anchor extends DelegatesARIALink {
-}