@vonage/vivid 5.9.0 → 5.11.0

package/tag/index.js

@@ -1,135 +1,135 @@
-import { I as _, i as u } from "../bundled/definition2.js";
-import { V as f, a as l, h as i, c as m, d as h } from "../bundled/vivid-element.js";
-import { b as g, a as x, I as y } from "../bundled/affix.js";
-import { D as w, d } from "../bundled/delegates-aria.js";
+import { I as _, i as f } from "../bundled/definition2.js";
+import { V as u, a as c, h as i, c as b, d as g } from "../bundled/vivid-element.js";
+import { b as x, a as h, I as y } from "../bundled/affix.js";
+import { D as w, d as p } from "../bundled/delegates-aria.js";
 import { L as $ } from "../bundled/localized.js";
-import { w as p } from "../bundled/when.js";
+import { w as s } from "../bundled/when.js";
 import { c as k } from "../bundled/class-names.js";
-var z = Object.defineProperty, c = (e, o, r, s) => {
-  for (var a = void 0, t = e.length - 1, v; t >= 0; t--)
-    (v = e[t]) && (a = v(o, r, a) || a);
-  return a && z(o, r, a), a;
+var z = Object.defineProperty, l = (r, a, n, v) => {
+  for (var o = void 0, t = r.length - 1, d; t >= 0; t--)
+    (d = r[t]) && (o = d(a, n, o) || o);
+  return o && z(a, n, o), o;
 };
-class n extends $(w(g(f))) {
+class e extends $(w(x(u))) {
   constructor() {
-    super(...arguments), this.removable = !1, this.disabled = !1, this.selectable = !1, this.selected = !1, this.#a = () => {
+    super(...arguments), this.removable = !1, this.disabled = !1, this.selectable = !1, this.selected = !1, this.#o = () => {
       !this.selectable || this.disabled || (this.selected = !this.selected, this.$emit("selected-change"));
     };
   }
   remove() {
     !this.removable || this.selectable || (this.$emit("removed"), this.parentElement && this.parentElement.removeChild(this));
   }
-  #a;
-  handleKeydown(o) {
-    return (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.#a()), (o.key === "Delete" || o.key === "Backspace") && (o.preventDefault(), this.remove()), !0;
+  #o;
+  handleKeydown(a) {
+    return (a.key === "Enter" || a.key === " ") && (a.preventDefault(), this.#o()), (a.key === "Delete" || a.key === "Backspace") && (a.preventDefault(), this.remove()), !0;
   }
   handleClick() {
-    this.#a();
+    this.#o();
   }
 }
-c([
-  l
-], n.prototype, "connotation");
-c([
-  l
-], n.prototype, "shape");
-c([
-  l
-], n.prototype, "appearance");
-c([
-  l
-], n.prototype, "label");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "removable");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "disabled");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "selectable");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "selected");
-const C = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}", b = ({
-  connotation: e,
-  appearance: o,
-  shape: r,
-  disabled: s,
-  selectable: a,
+l([
+  c
+], e.prototype, "connotation");
+l([
+  c
+], e.prototype, "shape");
+l([
+  c
+], e.prototype, "appearance");
+l([
+  c
+], e.prototype, "label");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "removable");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "disabled");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "selectable");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "selected");
+const C = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base.connotation-success{--_connotation-color-primary: var(--vvd-tag-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-tag-success-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-tag-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-tag-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-tag-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm: var(--vvd-tag-success-firm, var(--vvd-color-success-600));--_connotation-color-firm-all: var(--vvd-tag-success-firm-all, var(--vvd-color-success-600));--_connotation-color-faint: var(--vvd-tag-success-faint, var(--vvd-color-success-50));--_connotation-color-dim: var(--vvd-tag-success-dim, var(--vvd-color-success-200))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-tag-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-tag-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-tag-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-tag-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-tag-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm: var(--vvd-tag-alert-firm, var(--vvd-color-alert-600));--_connotation-color-firm-all: var(--vvd-tag-alert-firm-all, var(--vvd-color-alert-600));--_connotation-color-faint: var(--vvd-tag-alert-faint, var(--vvd-color-alert-50));--_connotation-color-dim: var(--vvd-tag-alert-dim, var(--vvd-color-alert-200))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-tag-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-tag-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-tag-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-tag-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-tag-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-tag-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm: var(--vvd-tag-warning-firm, var(--vvd-color-warning-600));--_connotation-color-firm-all: var(--vvd-tag-warning-firm-all, var(--vvd-color-warning-600));--_connotation-color-faint: var(--vvd-tag-warning-faint, var(--vvd-color-warning-50));--_connotation-color-dim: var(--vvd-tag-warning-dim, var(--vvd-color-warning-200))}.base.connotation-information{--_connotation-color-primary: var(--vvd-tag-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-tag-information-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-tag-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-tag-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-tag-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm: var(--vvd-tag-information-firm, var(--vvd-color-information-600));--_connotation-color-firm-all: var(--vvd-tag-information-firm-all, var(--vvd-color-information-600));--_connotation-color-faint: var(--vvd-tag-information-faint, var(--vvd-color-information-50));--_connotation-color-dim: var(--vvd-tag-information-dim, var(--vvd-color-information-200))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-tag-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-tag-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-contrast: var(--vvd-tag-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-pale: var(--vvd-tag-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-fierce: var(--vvd-tag-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-tag-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-firm-all: var(--vvd-tag-announcement-firm-all, var(--vvd-color-announcement-600));--_connotation-color-faint: var(--vvd-tag-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-dim: var(--vvd-tag-announcement-dim, var(--vvd-color-announcement-200))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}", m = ({
+  connotation: r,
+  appearance: a,
+  shape: n,
+  disabled: v,
+  selectable: o,
   removable: t,
-  selected: v
+  selected: d
 }) => k(
   "base",
-  ["disabled", s],
-  ["selectable", a],
-  ["selected", a && v],
-  ["removable", t && !a],
-  [`connotation-${e}`, !!e],
-  [`appearance-${o}`, !!o],
-  [`shape-${r}`, !!r]
+  ["disabled", v],
+  ["selectable", o],
+  ["selected", o && d],
+  ["removable", t && !o],
+  [`connotation-${r}`, !!r],
+  [`appearance-${a}`, !!a],
+  [`shape-${n}`, !!n]
 );
-function D(e) {
+function D(r) {
   return i`
 	<button
 		class="dismiss-button"
-		aria-label="${(o) => o.locale.tag.remove(o.label)}"
-		?disabled="${(o) => o.disabled}"
-		@click="${(o) => o.remove()}">
-		<${e} name="close-line"></${e}>
+		aria-label="${(a) => a.locale.tag.remove(a.label)}"
+		?disabled="${(a) => a.disabled}"
+		@click="${(a) => a.remove()}">
+		<${r} name="close-line"></${r}>
 	</button>`;
 }
-const I = (e) => {
-  const o = x(e), r = e.tagFor(_), s = i`
-		${(a) => o(a.icon, y.Slot)}
-		${p(
-    (a) => a.label,
-    (a) => i`<span class="label">${a.label}</span>`
+const I = (r) => {
+  const a = h(r), n = r.tagFor(_), v = i`
+		${(o) => a(o.icon, y.Slot)}
+		${s(
+    (o) => o.label,
+    (o) => i`<span class="label">${o.label}</span>`
   )}
-		${p((a) => a.removable && !a.selectable, D(r))}
-		${p(
-    (a) => a.selectable && a.selected,
-    i`<${r} class="selectable-icon" name="check-circle-solid"></${r}>`
+		${s((o) => o.removable && !o.selectable, D(n))}
+		${s(
+    (o) => o.selectable && o.selected,
+    i`<${n} class="selectable-icon" name="check-circle-solid"></${n}>`
   )}
 	`;
   return i`
-		${p(
-    (a) => a.selectable,
+		${s(
+    (o) => o.selectable,
     i`<button
-				class="${b}"
-				${d({
-      ariaPressed: (a) => a.selected
+				class="${m}"
+				${p({
+      ariaPressed: (o) => o.selected
     })}
-				?disabled="${(a) => a.disabled}"
-				@keydown="${(a, t) => a.handleKeydown(t.event)}"
-				@click="${(a) => a.handleClick()}"
+				?disabled="${(o) => o.disabled}"
+				@keydown="${(o, t) => o.handleKeydown(t.event)}"
+				@click="${(o) => o.handleClick()}"
 			>
-				${s}
+				${v}
 			</button>`
   )}
-		${p(
-    (a) => !a.selectable,
+		${s(
+    (o) => !o.selectable,
     i`<span
-				class="${b}"
-				${d()}
-				tabindex="${(a) => a.disabled || a.removable ? null : 0}"
-				@keydown="${(a, t) => a.handleKeydown(t.event)}"
-				@click="${(a) => a.handleClick()}"
+				class="${m}"
+				${p()}
+				tabindex="${(o) => o.disabled || o.removable ? null : 0}"
+				@keydown="${(o, t) => o.handleKeydown(t.event)}"
+				@click="${(o) => o.handleClick()}"
 			>
-				${s}
+				${v}
 			</span>`
   )}
 	`;
-}, B = h(
+}, B = g(
   "tag",
-  n,
+  e,
   I,
-  [u],
+  [f],
   {
     styles: C,
     shadowOptions: {
       delegatesFocus: !0
     }
   }
-), T = m(B);
+), T = b(B);
 T();

package/unbundled/{feature.cjs → slottable-request.cjs}

@@ -3612,6 +3612,7 @@ const sortedContributions = (contributions) => {
   }).map((c) => c.value);
 };
 const contributionPriority = {
+  highest: -20,
   high: -10,
   default: 0};
 class RteFeature {
@@ -3645,10 +3646,16 @@ class RteFeatureImpl {
   getToolbarItems(rte) {
     return [];
   }
+  getInputRules(rte) {
+    return [];
+  }
   // A feature may include additional features for better organization.
   getFeatures() {
     return [this];
   }
+  // Exposes a public interface for this feature.
+  getPublicInterface(rte) {
+  }
 }
 const featureFacade = (FeatureImpl) => {
   var _a;
@@ -3661,6 +3668,21 @@ const featureFacade = (FeatureImpl) => {
   return Facade;
 };
 
+const removeSymbol = Symbol.for("slottable-request-remove");
+function dispatchSlottableRequest(target, name, slotName, data) {
+  const event = new CustomEvent("slottable-request", {
+    bubbles: false,
+    composed: false,
+    detail: { name, slotName, data }
+  });
+  Object.defineProperties(event, {
+    name: { value: name, enumerable: true },
+    slotName: { value: slotName, enumerable: true },
+    data: { value: data, enumerable: true }
+  });
+  target.dispatchEvent(event);
+}
+
 exports.DOMParser = DOMParser;
 exports.DOMSerializer = DOMSerializer;
 exports.Fragment = Fragment;
@@ -3673,6 +3695,8 @@ exports.RteFeatureImpl = RteFeatureImpl;
 exports.Schema = Schema;
 exports.Slice = Slice;
 exports.contributionPriority = contributionPriority;
+exports.dispatchSlottableRequest = dispatchSlottableRequest;
 exports.featureFacade = featureFacade;
 exports.impl = impl;
+exports.removeSymbol = removeSymbol;
 exports.sortedContributions = sortedContributions;

package/unbundled/{feature.js → slottable-request.js}

@@ -3610,6 +3610,7 @@ const sortedContributions = (contributions) => {
   }).map((c) => c.value);
 };
 const contributionPriority = {
+  highest: -20,
   high: -10,
   default: 0};
 class RteFeature {
@@ -3643,10 +3644,16 @@ class RteFeatureImpl {
   getToolbarItems(rte) {
     return [];
   }
+  getInputRules(rte) {
+    return [];
+  }
   // A feature may include additional features for better organization.
   getFeatures() {
     return [this];
   }
+  // Exposes a public interface for this feature.
+  getPublicInterface(rte) {
+  }
 }
 const featureFacade = (FeatureImpl) => {
   var _a;
@@ -3659,4 +3666,19 @@ const featureFacade = (FeatureImpl) => {
   return Facade;
 };
 
-export { DOMSerializer as D, Fragment as F, Mark as M, Node as N, ReplaceError as R, Slice as S, MarkType as a, DOMParser as b, RteFeatureImpl as c, contributionPriority as d, Schema as e, featureFacade as f, NodeRange as g, impl as i, sortedContributions as s };
+const removeSymbol = Symbol.for("slottable-request-remove");
+function dispatchSlottableRequest(target, name, slotName, data) {
+  const event = new CustomEvent("slottable-request", {
+    bubbles: false,
+    composed: false,
+    detail: { name, slotName, data }
+  });
+  Object.defineProperties(event, {
+    name: { value: name, enumerable: true },
+    slotName: { value: slotName, enumerable: true },
+    data: { value: data, enumerable: true }
+  });
+  target.dispatchEvent(event);
+}
+
+export { DOMSerializer as D, Fragment as F, Mark as M, Node as N, ReplaceError as R, Slice as S, MarkType as a, DOMParser as b, Schema as c, dispatchSlottableRequest as d, RteFeatureImpl as e, featureFacade as f, contributionPriority as g, NodeRange as h, impl as i, removeSymbol as r, sortedContributions as s };

package/unbundled/vivid-element.cjs

@@ -268,7 +268,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(fastElement.FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.9.0";
+    this.VIVID_VERSION = "5.11.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,

package/unbundled/vivid-element.js

@@ -266,7 +266,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.9.0";
+    this.VIVID_VERSION = "5.11.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,