@vonage/vivid 5.15.1 → 5.16.0

package/banner/index.cjs

@@ -1,30 +1,30 @@
-"use strict";const m=require("../bundled/definition3.cjs"),u=require("../bundled/definition2.cjs"),e=require("../bundled/vivid-element.cjs"),c=require("../bundled/enums.cjs"),p=require("../bundled/delegates-aria.cjs"),s=require("../bundled/affix.cjs"),h=require("../bundled/localized.cjs"),b=require("../bundled/slotted.cjs"),y=require("../bundled/when.cjs"),f=require("../bundled/class-names.cjs"),g=":host{display:block}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.removing{max-height:0}.header{display:flex;box-sizing:border-box;align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;padding:10px 16px;column-gap:16px;inline-size:100%}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}";var x=Object.defineProperty,i=(o,n,t,d)=>{for(var r=void 0,l=o.length-1,v;l>=0;l--)(v=o[l])&&(r=v(n,t,r)||r);return r&&x(n,t,r),r};const _={[c.Connotation.Information]:"info-solid",[c.Connotation.Announcement]:"megaphone-solid",[c.Connotation.Success]:"check-circle-solid",[c.Connotation.Warning]:"warning-solid",[c.Connotation.Alert]:"error-solid"},C=(o=c.Connotation.Information)=>_[o];class a extends s.AffixIcon(h.Localized(p.DelegatesAria(e.VividElement))){constructor(){super(...arguments),this.dismissButtonAriaLabel=null,this.removable=!1,this.#o=()=>{this.$emit("removed"),this.parentElement&&this.parentElement.removeChild(this)},this.#n=n=>{n.key!=="Escape"||!this.removable||this.remove()}}get conditionedIcon(){return this.icon??C(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.#n)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.#n)}remove(){this.$emit("removing");const n=this.shadowRoot&&this.shadowRoot.querySelector(".control");n?.classList.add("removing"),n?.addEventListener("transitionend",this.#o)}#o;#n}i([e.attr({attribute:"dismiss-aria-label"})],a.prototype,"dismissButtonAriaLabel");i([e.attr({attribute:"action-href"})],a.prototype,"actionHref");i([e.attr({attribute:"action-text"})],a.prototype,"actionText");i([e.attr({mode:"boolean"})],a.prototype,"removable");i([e.attr()],a.prototype,"text");i([e.attr()],a.prototype,"connotation");i([e.observable],a.prototype,"actionItemsSlottedContent");const w=o=>f.classNames("control",[`connotation-${o.connotation}`,!!o.connotation]);function I(o){return e.html`
-	  <${o}
-	  		aria-label="${n=>n.dismissButtonAriaLabel||n.locale.banner.dismissButtonLabel}"
-			part="${n=>n.connotation==="warning"?"":"vvd-theme-alternate"}"
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/definition2.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/class-names.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/delegates-aria.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/enums.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[u.n.Information]:`info-solid`,[u.n.Announcement]:`megaphone-solid`,[u.n.Success]:`check-circle-solid`,[u.n.Warning]:`warning-solid`,[u.n.Alert]:`error-solid`},p=(e=u.n.Information)=>f[e],m=class extends s.t(e.t(c.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e=()=>{this.$emit(`removed`),this.parentElement&&this.parentElement.removeChild(this)};#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}};a.t([t.l({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.l()],m.prototype,`text`,void 0),a.t([t.l()],m.prototype,`connotation`,void 0),a.t([t.T],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>o.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.d`
+	  <${e}
+	  		aria-label="${e=>e.dismissButtonAriaLabel||e.locale.banner.dismissButtonLabel}"
+			part="${e=>e.connotation===`warning`?``:`vvd-theme-alternate`}"
 			size="condensed"
 			class="dismiss-button"
 			icon="close-line"
-			@click="${n=>n.remove()}">
-	  </${o}>`}const $=(o,n)=>{const t=s.affixIconTemplateFactory(o),d=n.conditionedIcon,r=!n.icon&&n.connotation?{label:n.locale.connotationAnnoncement[`${n.connotation}Icon`],announceOnUpdate:!1}:void 0;return t(d,s.IconWrapper.Slot,s.IconAriaHidden.Hidden,r)},k=o=>{const n=o.tagFor(m.Button);return e.html`
-		<div class="${w}">
+			@click="${e=>e.remove()}">
+	  </${e}>`}var _=(e,t)=>{let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!1}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)},v=t.o(`banner`,m,e=>{let i=e.tagFor(l.i);return t.d`
+		<div class="${h}">
 			<header class="header">
 				<div class="content">
-					${t=>$(o,t)}
+					${t=>_(e,t)}
 					<div
 						class="banner-message"
-						${p.delegateAria({role:t=>t.role?t.role:"status",ariaLive:t=>t.ariaLive?t.ariaLive:"polite"})}
+						${c.n({role:e=>e.role?e.role:`status`,ariaLive:e=>e.ariaLive?e.ariaLive:`polite`})}
 					>
-						${t=>t.text}
+						${e=>e.text}
 					</div>
 					<slot
 						class="action-items"
-						${b.slotted("actionItemsSlottedContent")}
+						${r.t(`actionItemsSlottedContent`)}
 						name="action-items"
 					></slot>
 				</div>
 
-				${y.when(t=>t.removable,I(n))}
+				${n.t(e=>e.removable,g(i))}
 			</header>
 		</div>
-	`},A=e.defineVividComponent("banner",a,k,[u.iconDefinition,m.buttonDefinition],{styles:g}),L=e.createRegisterFunction(A);L();
+	`},[i.t,l.t],{styles:d});t.s(v)();

package/banner/index.js

@@ -1,129 +1,96 @@
-import { B as m, b as p } from "../bundled/definition3.js";
-import { i as h } from "../bundled/definition2.js";
-import { V as b, a as c, o as f, h as d, c as u, d as y } from "../bundled/vivid-element.js";
-import { C as i } from "../bundled/enums.js";
-import { D as g, d as x } from "../bundled/delegates-aria.js";
-import { b as _, a as I, I as w, c as k } from "../bundled/affix.js";
-import { L as C } from "../bundled/localized.js";
-import { s as $ } from "../bundled/slotted.js";
-import { w as L } from "../bundled/when.js";
-import { c as A } from "../bundled/class-names.js";
-const B = ":host{display:block}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.removing{max-height:0}.header{display:flex;box-sizing:border-box;align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;padding:10px 16px;column-gap:16px;inline-size:100%}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}";
-var z = Object.defineProperty, r = (o, n, t, l) => {
-  for (var e = void 0, s = o.length - 1, v; s >= 0; s--)
-    (v = o[s]) && (e = v(n, t, e) || e);
-  return e && z(n, t, e), e;
+import { t as e } from "../bundled/localized.js";
+import { T as t, d as n, l as r, o as i, s as a, t as o } from "../bundled/vivid-element.js";
+import { t as s } from "../bundled/when.js";
+import { t as c } from "../bundled/slotted.js";
+import { t as l } from "../bundled/definition2.js";
+import { t as u } from "../bundled/decorate.js";
+import { t as d } from "../bundled/class-names.js";
+import { a as f, i as p, r as m, t as h } from "../bundled/affix.js";
+import { n as g, t as _ } from "../bundled/delegates-aria.js";
+import { i as v, t as y } from "../bundled/definition6.js";
+import { n as b } from "../bundled/enums.js";
+//#region src/lib/banner/banner.scss?inline
+var x = ":host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}", S = {
+	[b.Information]: "info-solid",
+	[b.Announcement]: "megaphone-solid",
+	[b.Success]: "check-circle-solid",
+	[b.Warning]: "warning-solid",
+	[b.Alert]: "error-solid"
+}, C = (e = b.Information) => S[e], w = class extends h(e(_(o))) {
+	constructor(...e) {
+		super(...e), this.dismissButtonAriaLabel = null, this.removable = !1;
+	}
+	get conditionedIcon() {
+		return this.icon ?? C(this.connotation);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("keydown", this.#t);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("keydown", this.#t);
+	}
+	remove() {
+		this.$emit("removing");
+		let e = this.shadowRoot && this.shadowRoot.querySelector(".control");
+		e?.classList.add("removing"), e?.addEventListener("transitionend", this.#e);
+	}
+	#e = () => {
+		this.$emit("removed"), this.parentElement && this.parentElement.removeChild(this);
+	};
+	#t = (e) => {
+		e.key !== "Escape" || !this.removable || this.remove();
+	};
 };
-const E = {
-  [i.Information]: "info-solid",
-  [i.Announcement]: "megaphone-solid",
-  [i.Success]: "check-circle-solid",
-  [i.Warning]: "warning-solid",
-  [i.Alert]: "error-solid"
-}, D = (o = i.Information) => E[o];
-class a extends _(C(g(b))) {
-  constructor() {
-    super(...arguments), this.dismissButtonAriaLabel = null, this.removable = !1, this.#o = () => {
-      this.$emit("removed"), this.parentElement && this.parentElement.removeChild(this);
-    }, this.#n = (n) => {
-      n.key !== "Escape" || !this.removable || this.remove();
-    };
-  }
-  get conditionedIcon() {
-    return this.icon ?? D(this.connotation);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("keydown", this.#n);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("keydown", this.#n);
-  }
-  remove() {
-    this.$emit("removing");
-    const n = this.shadowRoot && this.shadowRoot.querySelector(".control");
-    n?.classList.add("removing"), n?.addEventListener("transitionend", this.#o);
-  }
-  #o;
-  #n;
-}
-r([
-  c({ attribute: "dismiss-aria-label" })
-], a.prototype, "dismissButtonAriaLabel");
-r([
-  c({ attribute: "action-href" })
-], a.prototype, "actionHref");
-r([
-  c({ attribute: "action-text" })
-], a.prototype, "actionText");
-r([
-  c({ mode: "boolean" })
-], a.prototype, "removable");
-r([
-  c()
-], a.prototype, "text");
-r([
-  c()
-], a.prototype, "connotation");
-r([
-  f
-], a.prototype, "actionItemsSlottedContent");
-const O = (o) => A("control", [`connotation-${o.connotation}`, !!o.connotation]);
-function T(o) {
-  return d`
-	  <${o}
-	  		aria-label="${(n) => n.dismissButtonAriaLabel || n.locale.banner.dismissButtonLabel}"
-			part="${(n) => n.connotation === "warning" ? "" : "vvd-theme-alternate"}"
+u([r({ attribute: "dismiss-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([r({ mode: "boolean" })], w.prototype, "removable", void 0), u([r()], w.prototype, "text", void 0), u([r()], w.prototype, "connotation", void 0), u([t], w.prototype, "actionItemsSlottedContent", void 0);
+//#endregion
+//#region src/lib/banner/banner.template.ts
+var T = (e) => d("control", [`connotation-${e.connotation}`, !!e.connotation]);
+function E(e) {
+	return n`
+	  <${e}
+	  		aria-label="${(e) => e.dismissButtonAriaLabel || e.locale.banner.dismissButtonLabel}"
+			part="${(e) => e.connotation === "warning" ? "" : "vvd-theme-alternate"}"
 			size="condensed"
 			class="dismiss-button"
 			icon="close-line"
-			@click="${(n) => n.remove()}">
-	  </${o}>`;
+			@click="${(e) => e.remove()}">
+	  </${e}>`;
 }
-const N = (o, n) => {
-  const t = I(o), l = n.conditionedIcon, e = !n.icon && n.connotation ? {
-    label: n.locale.connotationAnnoncement[`${n.connotation}Icon`],
-    announceOnUpdate: !1
-  } : void 0;
-  return t(
-    l,
-    w.Slot,
-    k.Hidden,
-    e
-  );
-}, S = (o) => {
-  const n = o.tagFor(m);
-  return d`
-		<div class="${O}">
+var D = (e, t) => {
+	let n = f(e), r = t.conditionedIcon, i = !t.icon && t.connotation ? {
+		label: t.locale.connotationAnnoncement[`${t.connotation}Icon`],
+		announceOnUpdate: !1
+	} : void 0;
+	return n(r, p.Slot, m.Hidden, i);
+};
+//#endregion
+//#region src/lib/banner/index.ts
+a(i("banner", w, (e) => {
+	let t = e.tagFor(v);
+	return n`
+		<div class="${T}">
 			<header class="header">
 				<div class="content">
-					${(t) => N(o, t)}
+					${(t) => D(e, t)}
 					<div
 						class="banner-message"
-						${x({
-    role: (t) => t.role ? t.role : "status",
-    ariaLive: (t) => t.ariaLive ? t.ariaLive : "polite"
-  })}
+						${g({
+		role: (e) => e.role ? e.role : "status",
+		ariaLive: (e) => e.ariaLive ? e.ariaLive : "polite"
+	})}
 					>
-						${(t) => t.text}
+						${(e) => e.text}
 					</div>
 					<slot
 						class="action-items"
-						${$("actionItemsSlottedContent")}
+						${c("actionItemsSlottedContent")}
 						name="action-items"
 					></slot>
 				</div>
 
-				${L((t) => t.removable, T(n))}
+				${s((e) => e.removable, E(t))}
 			</header>
 		</div>
 	`;
-}, R = y(
-  "banner",
-  a,
-  S,
-  [h, p],
-  {
-    styles: B
-  }
-), F = u(R);
-F();
+}, [l, y], { styles: x }))();
+//#endregion

package/breadcrumb/definition.cjs

@@ -1,97 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const vividElement = require('../unbundled/vivid-element.cjs');
-const fastElement = require('@microsoft/fast-element');
-const delegatesAria = require('../unbundled/delegates-aria.cjs');
-const breadcrumbItem = require('../unbundled/breadcrumb-item.cjs');
-
-const breadcrumbTemplate = fastElement.html`
-	<nav
-		class="base"
-		${delegatesAria.delegateAria({
-  ariaLabel: (x) => x.ariaLabel || "breadcrumbs"
-})}
-	>
-		<div role="list" class="list">
-			<slot
-				${fastElement.slotted({
-  property: "slottedBreadcrumbItems",
-  filter: fastElement.elements()
-})}
-			></slot>
-		</div>
-	</nav>
-`;
-
-const styles = ".list{display:flex}";
-
-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;
-};
-class Breadcrumb extends delegatesAria.DelegatesAria(vividElement.VividElement) {
-  /**
-   * @internal
-   */
-  slottedBreadcrumbItemsChanged(_, newItems) {
-    if (newItems) {
-      newItems.forEach((item, index) => {
-        const itemIsLastNode = index === newItems.length - 1;
-        this.setItemSeparator(item, itemIsLastNode);
-        this.setAriaCurrent(item, itemIsLastNode);
-      });
-    }
-  }
-  setItemSeparator(item, isLastNode) {
-    if (item instanceof breadcrumbItem.BreadcrumbItem) {
-      item.separator = !isLastNode;
-    }
-  }
-  /**
-   * Finds href on childnodes in the light DOM or shadow DOM.
-   * We look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.
-   */
-  findChildWithHref(node) {
-    if (node.childElementCount > 0) {
-      return node.querySelector("a[href]");
-    } else if (node.shadowRoot) {
-      return node.shadowRoot.querySelector("a[href]");
-    } else return null;
-  }
-  /**
-   *  Sets ARIA Current for the current node
-   * If child node with an anchor tag and with href is found then set aria-current to correct value for the child node,
-   * otherwise apply aria-current to the host element, with an href
-   */
-  setAriaCurrent(item, isLastNode) {
-    const childNodeWithHref = this.findChildWithHref(item);
-    if (childNodeWithHref !== null) {
-      isLastNode ? childNodeWithHref.setAttribute("aria-current", "page") : childNodeWithHref.removeAttribute("aria-current");
-    }
-  }
-}
-__decorateClass([
-  fastElement.observable
-], Breadcrumb.prototype, "slottedBreadcrumbItems");
-
-const breadcrumbDefinition = vividElement.defineVividComponent(
-  "breadcrumb",
-  Breadcrumb,
-  breadcrumbTemplate,
-  [],
-  {
-    styles
-  }
-);
-const registerBreadcrumb = vividElement.createRegisterFunction(breadcrumbDefinition);
-
-exports.VwcBreadcrumbElement = Breadcrumb;
-exports.breadcrumbDefinition = breadcrumbDefinition;
-exports.registerBreadcrumb = registerBreadcrumb;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition19.cjs");
+exports.VwcBreadcrumbElement = require_definition.Breadcrumb;
+exports.breadcrumbDefinition = require_definition.breadcrumbDefinition;
+exports.registerBreadcrumb = require_definition.registerBreadcrumb;

package/breadcrumb/definition.js

@@ -1,91 +1,2 @@
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
-import { slotted, elements, html, observable } from '@microsoft/fast-element';
-import { d as delegateAria, D as DelegatesAria } from '../unbundled/delegates-aria.js';
-import { B as BreadcrumbItem } from '../unbundled/breadcrumb-item.js';
-
-const breadcrumbTemplate = html`
-	<nav
-		class="base"
-		${delegateAria({
-  ariaLabel: (x) => x.ariaLabel || "breadcrumbs"
-})}
-	>
-		<div role="list" class="list">
-			<slot
-				${slotted({
-  property: "slottedBreadcrumbItems",
-  filter: elements()
-})}
-			></slot>
-		</div>
-	</nav>
-`;
-
-const styles = ".list{display:flex}";
-
-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;
-};
-class Breadcrumb extends DelegatesAria(VividElement) {
-  /**
-   * @internal
-   */
-  slottedBreadcrumbItemsChanged(_, newItems) {
-    if (newItems) {
-      newItems.forEach((item, index) => {
-        const itemIsLastNode = index === newItems.length - 1;
-        this.setItemSeparator(item, itemIsLastNode);
-        this.setAriaCurrent(item, itemIsLastNode);
-      });
-    }
-  }
-  setItemSeparator(item, isLastNode) {
-    if (item instanceof BreadcrumbItem) {
-      item.separator = !isLastNode;
-    }
-  }
-  /**
-   * Finds href on childnodes in the light DOM or shadow DOM.
-   * We look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.
-   */
-  findChildWithHref(node) {
-    if (node.childElementCount > 0) {
-      return node.querySelector("a[href]");
-    } else if (node.shadowRoot) {
-      return node.shadowRoot.querySelector("a[href]");
-    } else return null;
-  }
-  /**
-   *  Sets ARIA Current for the current node
-   * If child node with an anchor tag and with href is found then set aria-current to correct value for the child node,
-   * otherwise apply aria-current to the host element, with an href
-   */
-  setAriaCurrent(item, isLastNode) {
-    const childNodeWithHref = this.findChildWithHref(item);
-    if (childNodeWithHref !== null) {
-      isLastNode ? childNodeWithHref.setAttribute("aria-current", "page") : childNodeWithHref.removeAttribute("aria-current");
-    }
-  }
-}
-__decorateClass([
-  observable
-], Breadcrumb.prototype, "slottedBreadcrumbItems");
-
-const breadcrumbDefinition = defineVividComponent(
-  "breadcrumb",
-  Breadcrumb,
-  breadcrumbTemplate,
-  [],
-  {
-    styles
-  }
-);
-const registerBreadcrumb = createRegisterFunction(breadcrumbDefinition);
-
+import { n as registerBreadcrumb, r as Breadcrumb, t as breadcrumbDefinition } from "../unbundled/definition19.js";
 export { Breadcrumb as VwcBreadcrumbElement, breadcrumbDefinition, registerBreadcrumb };

package/breadcrumb/index.cjs

@@ -1,12 +1,12 @@
-"use strict";const l=require("../bundled/vivid-element.cjs"),d=require("../bundled/delegates-aria.cjs"),n=require("../bundled/slotted.cjs"),u=require("../bundled/breadcrumb-item.cjs"),b=l.html`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=e.d`
 	<nav
 		class="base"
-		${d.delegateAria({ariaLabel:i=>i.ariaLabel||"breadcrumbs"})}
+		${r.n({ariaLabel:e=>e.ariaLabel||`breadcrumbs`})}
 	>
 		<div role="list" class="list">
 			<slot
-				${n.slotted({property:"slottedBreadcrumbItems",filter:n.elements()})}
+				${t.t({property:`slottedBreadcrumbItems`,filter:t.r()})}
 			></slot>
 		</div>
 	</nav>
-`,f=".list{display:flex}";var m=Object.defineProperty,h=(i,e,r,s)=>{for(var t=void 0,a=i.length-1,o;a>=0;a--)(o=i[a])&&(t=o(e,r,t)||t);return t&&m(e,r,t),t};class c extends d.DelegatesAria(l.VividElement){slottedBreadcrumbItemsChanged(e,r){r&&r.forEach((s,t)=>{const a=t===r.length-1;this.setItemSeparator(s,a),this.setAriaCurrent(s,a)})}setItemSeparator(e,r){e instanceof u.BreadcrumbItem&&(e.separator=!r)}findChildWithHref(e){return e.childElementCount>0?e.querySelector("a[href]"):e.shadowRoot?e.shadowRoot.querySelector("a[href]"):null}setAriaCurrent(e,r){const s=this.findChildWithHref(e);s!==null&&(r?s.setAttribute("aria-current","page"):s.removeAttribute("aria-current"))}}h([l.observable],c.prototype,"slottedBreadcrumbItems");const v=l.defineVividComponent("breadcrumb",c,b,[],{styles:f}),p=l.createRegisterFunction(v);p();
+`,o=`.list{display:flex}`,s=class extends r.t(e.t){slottedBreadcrumbItemsChanged(e,t){t&&t.forEach((e,n)=>{let r=n===t.length-1;this.setItemSeparator(e,r),this.setAriaCurrent(e,r)})}setItemSeparator(e,t){e instanceof i.t&&(e.separator=!t)}findChildWithHref(e){return e.childElementCount>0?e.querySelector(`a[href]`):e.shadowRoot?e.shadowRoot.querySelector(`a[href]`):null}setAriaCurrent(e,t){let n=this.findChildWithHref(e);n!==null&&(t?n.setAttribute(`aria-current`,`page`):n.removeAttribute(`aria-current`))}};n.t([e.T],s.prototype,`slottedBreadcrumbItems`,void 0);var c=e.o(`breadcrumb`,s,a,[],{styles:o});e.s(c)();

package/breadcrumb/index.js

@@ -1,69 +1,43 @@
-import { h as d, V as n, o as c, c as m, d as f } from "../bundled/vivid-element.js";
-import { d as u, D as b } from "../bundled/delegates-aria.js";
-import { s as h, e as p } from "../bundled/slotted.js";
-import { B as v } from "../bundled/breadcrumb-item.js";
-const C = d`
+import { T as e, d as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
+import { r as a, t as o } from "../bundled/slotted.js";
+import { t as s } from "../bundled/decorate.js";
+import { n as c, t as l } from "../bundled/delegates-aria.js";
+import { t as u } from "../bundled/breadcrumb-item.js";
+//#region src/lib/breadcrumb/breadcrumb.template.ts
+var d = t`
 	<nav
 		class="base"
-		${u({
-  ariaLabel: (i) => i.ariaLabel || "breadcrumbs"
-})}
+		${c({ ariaLabel: (e) => e.ariaLabel || "breadcrumbs" })}
 	>
 		<div role="list" class="list">
 			<slot
-				${h({
-  property: "slottedBreadcrumbItems",
-  filter: p()
+				${o({
+	property: "slottedBreadcrumbItems",
+	filter: a()
 })}
 			></slot>
 		</div>
 	</nav>
-`, g = ".list{display:flex}";
-var B = Object.defineProperty, y = (i, e, r, a) => {
-  for (var t = void 0, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (t = o(e, r, t) || t);
-  return t && B(e, r, t), t;
+`, f = ".list{display:flex}", p = class extends l(i) {
+	slottedBreadcrumbItemsChanged(e, t) {
+		/* v8 ignore else -- @preserve */
+		t && t.forEach((e, n) => {
+			let r = n === t.length - 1;
+			this.setItemSeparator(e, r), this.setAriaCurrent(e, r);
+		});
+	}
+	setItemSeparator(e, t) {
+		e instanceof u && (e.separator = !t);
+	}
+	findChildWithHref(e) {
+		return e.childElementCount > 0 ? e.querySelector("a[href]") : e.shadowRoot ? e.shadowRoot.querySelector("a[href]") : null;
+	}
+	setAriaCurrent(e, t) {
+		let n = this.findChildWithHref(e);
+		n !== null && (t ? n.setAttribute("aria-current", "page") : n.removeAttribute("aria-current"));
+	}
 };
-class l extends b(n) {
-  /**
-   * @internal
-   */
-  slottedBreadcrumbItemsChanged(e, r) {
-    r && r.forEach((a, t) => {
-      const s = t === r.length - 1;
-      this.setItemSeparator(a, s), this.setAriaCurrent(a, s);
-    });
-  }
-  setItemSeparator(e, r) {
-    e instanceof v && (e.separator = !r);
-  }
-  /**
-   * Finds href on childnodes in the light DOM or shadow DOM.
-   * We look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.
-   */
-  findChildWithHref(e) {
-    return e.childElementCount > 0 ? e.querySelector("a[href]") : e.shadowRoot ? e.shadowRoot.querySelector("a[href]") : null;
-  }
-  /**
-   *  Sets ARIA Current for the current node
-   * If child node with an anchor tag and with href is found then set aria-current to correct value for the child node,
-   * otherwise apply aria-current to the host element, with an href
-   */
-  setAriaCurrent(e, r) {
-    const a = this.findChildWithHref(e);
-    a !== null && (r ? a.setAttribute("aria-current", "page") : a.removeAttribute("aria-current"));
-  }
-}
-y([
-  c
-], l.prototype, "slottedBreadcrumbItems");
-const A = f(
-  "breadcrumb",
-  l,
-  C,
-  [],
-  {
-    styles: g
-  }
-), I = m(A);
-I();
+//#endregion
+//#region src/lib/breadcrumb/index.ts
+s([e], p.prototype, "slottedBreadcrumbItems", void 0), r(n("breadcrumb", p, d, [], { styles: f }))();
+//#endregion