@vonage/vivid 4.7.0 → 4.9.0

package/custom-elements.json

@@ -2168,6 +2168,66 @@
               "name": ""
             }
           ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "setItemSeparator",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "isLastNode",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "findChildWithHref",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href."
+            },
+            {
+              "kind": "method",
+              "name": "setAriaCurrent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "isLastNode",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href"
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -2243,7 +2303,7 @@
             }
           ],
           "superclass": {
-            "name": "FastBreadcrumbItem",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -6236,6 +6296,13 @@
               },
               "description": "The `close` event fires when the dialog closes (either via user interaction or via the API). It returns the return value inside the event's details property.",
               "name": "close"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "The `cancel` event fires when the user requests to close the dialog. You can prevent the dialog from closing by calling `.preventDefault()` on the event.",
+              "name": "cancel"
             }
           ],
           "attributes": [
@@ -13338,6 +13405,13 @@
               },
               "description": "Fired when the side drawer is opened.",
               "name": "open"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fired when the user requests to close the side-drawer. You can prevent the side drawer from closing by calling `.preventDefault()` on the event.",
+              "name": "cancel"
             }
           ],
           "attributes": [

package/lib/breadcrumb/breadcrumb.d.ts

@@ -1,3 +1,6 @@
-import { Breadcrumb as FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@microsoft/fast-foundation';
 export declare class Breadcrumb extends FoundationElement {
+    private setItemSeparator;
+    private findChildWithHref;
+    private setAriaCurrent;
 }

package/lib/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,5 +1,7 @@
-import { BreadcrumbItem as FastBreadcrumbItem } from '@microsoft/fast-foundation';
-export declare class BreadcrumbItem extends FastBreadcrumbItem {
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { Anchor } from '../../shared/patterns/anchor';
+export declare class BreadcrumbItem extends FoundationElement {
     text?: string;
-    constructor();
+}
+export interface BreadcrumbItem extends Anchor {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vonage/vivid",
-	"version": "4.7.0",
+	"version": "4.9.0",
 	"type": "module",
 	"module": "./index.js",
 	"main": "./index.cjs",

package/shared/breadcrumb-item.cjs

@@ -1,27 +1,169 @@
 'use strict';
 
 const index = require('./index.cjs');
-const anchor = require('./anchor.cjs');
 const applyMixins = require('./apply-mixins.cjs');
-const startEnd = require('./start-end.cjs');
 
-/**
- * A Breadcrumb Item Custom HTML Element.
- *
- * @public
- */
-let BreadcrumbItem$1 = class BreadcrumbItem extends anchor.Anchor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @internal
-         */
-        this.separator = true;
-    }
+var __defProp$2 = Object.defineProperty;
+var __decorateClass$2 = (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$2(target, key, result);
+  return result;
 };
-index.__decorate([
-    index.observable
-], BreadcrumbItem$1.prototype, "separator", void 0);
-applyMixins.applyMixins(BreadcrumbItem$1, startEnd.StartEnd, anchor.DelegatesARIALink);
+class ARIAGlobalStatesAndProperties {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-atomic" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-busy" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-controls" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-current" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-describedby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-details" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-disabled" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-errormessage" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-flowto" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-haspopup" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-hidden" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-invalid" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-keyshortcuts" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-label" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-labelledby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-live" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-owns" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-relevant" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  index.attr({ attribute: "aria-roledescription" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
 
-exports.BreadcrumbItem = BreadcrumbItem$1;
+var __defProp$1 = Object.defineProperty;
+var __decorateClass$1 = (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$1(target, key, result);
+  return result;
+};
+class Anchor {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "download");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "href");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "hreflang");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "ping");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "referrerpolicy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "rel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "target");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr
+], Anchor.prototype, "type");
+class DelegatesARIALink {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  index.attr({ attribute: "aria-expanded" })
+], DelegatesARIALink.prototype, "ariaExpanded");
+applyMixins.applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
+applyMixins.applyMixins(Anchor, DelegatesARIALink);
+
+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 BreadcrumbItem extends index.FoundationElement {
+  constructor() {
+    super(...arguments);
+    this.separator = true;
+  }
+}
+__decorateClass([
+  index.attr
+], BreadcrumbItem.prototype, "text");
+__decorateClass([
+  index.observable
+], BreadcrumbItem.prototype, "separator");
+applyMixins.applyMixins(BreadcrumbItem, Anchor);
+
+exports.BreadcrumbItem = BreadcrumbItem;

package/shared/breadcrumb-item.js

@@ -1,25 +1,167 @@
-import { _ as __decorate, o as observable } from './index.js';
-import { A as Anchor, D as DelegatesARIALink } from './anchor.js';
+import { a as attr, F as FoundationElement, o as observable } from './index.js';
 import { a as applyMixins } from './apply-mixins.js';
-import { S as StartEnd } from './start-end.js';
 
-/**
- * A Breadcrumb Item Custom HTML Element.
- *
- * @public
- */
-let BreadcrumbItem$1 = class BreadcrumbItem extends Anchor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @internal
-         */
-        this.separator = true;
-    }
+var __defProp$2 = Object.defineProperty;
+var __decorateClass$2 = (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$2(target, key, result);
+  return result;
 };
-__decorate([
-    observable
-], BreadcrumbItem$1.prototype, "separator", void 0);
-applyMixins(BreadcrumbItem$1, StartEnd, DelegatesARIALink);
+class ARIAGlobalStatesAndProperties {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-atomic" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-busy" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-controls" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-current" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-describedby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-details" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-disabled" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-errormessage" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-flowto" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-haspopup" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-hidden" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-invalid" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-keyshortcuts" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-label" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-labelledby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-live" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-owns" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-relevant" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$2([
+  attr({ attribute: "aria-roledescription" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
 
-export { BreadcrumbItem$1 as B };
+var __defProp$1 = Object.defineProperty;
+var __decorateClass$1 = (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$1(target, key, result);
+  return result;
+};
+class Anchor {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "download");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "href");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "hreflang");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "ping");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "referrerpolicy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "rel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "target");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr
+], Anchor.prototype, "type");
+class DelegatesARIALink {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass$1([
+  attr({ attribute: "aria-expanded" })
+], DelegatesARIALink.prototype, "ariaExpanded");
+applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
+applyMixins(Anchor, DelegatesARIALink);
+
+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 BreadcrumbItem extends FoundationElement {
+  constructor() {
+    super(...arguments);
+    this.separator = true;
+  }
+}
+__decorateClass([
+  attr
+], BreadcrumbItem.prototype, "text");
+__decorateClass([
+  observable
+], BreadcrumbItem.prototype, "separator");
+applyMixins(BreadcrumbItem, Anchor);
+
+export { BreadcrumbItem as B };

package/shared/definition10.cjs

@@ -4,73 +4,6 @@ const index = require('./index.cjs');
 const slotted = require('./slotted.cjs');
 const breadcrumbItem = require('./breadcrumb-item.cjs');
 
-/**
- * A Breadcrumb Custom HTML Element.
- * @slot - The default slot for the breadcrumb items
- * @csspart list - The element wrapping the slotted items
- *
- * @public
- */
-let Breadcrumb$1 = class Breadcrumb extends index.FoundationElement {
-    slottedBreadcrumbItemsChanged() {
-        if (this.$fastController.isConnected) {
-            if (this.slottedBreadcrumbItems === undefined ||
-                this.slottedBreadcrumbItems.length === 0) {
-                return;
-            }
-            const lastNode = this.slottedBreadcrumbItems[this.slottedBreadcrumbItems.length - 1];
-            this.slottedBreadcrumbItems.forEach((item) => {
-                const itemIsLastNode = item === lastNode;
-                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) {
-        var _a, _b;
-        if (node.childElementCount > 0) {
-            return node.querySelector("a[href]");
-        }
-        else if ((_a = node.shadowRoot) === null || _a === void 0 ? void 0 : _a.childElementCount) {
-            return (_b = node.shadowRoot) === null || _b === void 0 ? void 0 : _b.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 &&
-            item.hasAttribute("href") &&
-            item instanceof breadcrumbItem.BreadcrumbItem) {
-            isLastNode
-                ? item.setAttribute("aria-current", "page")
-                : item.removeAttribute("aria-current");
-        }
-        else if (childNodeWithHref !== null) {
-            isLastNode
-                ? childNodeWithHref.setAttribute("aria-current", "page")
-                : childNodeWithHref.removeAttribute("aria-current");
-        }
-    }
-};
-index.__decorate([
-    index.observable
-], Breadcrumb$1.prototype, "slottedBreadcrumbItems", void 0);
-
 const breadcrumbTemplate = () => index.html`
 	<nav aria-label="breadcrumbs" class="base">
 		<div role="list" class="list">
@@ -86,8 +19,59 @@ const breadcrumbTemplate = () => index.html`
 
 const styles = ".list{display:flex}";
 
-class Breadcrumb extends Breadcrumb$1 {
+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 index.FoundationElement {
+  /**
+   * @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([
+  index.observable
+], Breadcrumb.prototype, "slottedBreadcrumbItems");
 
 const breadcrumbDefinition = Breadcrumb.compose({
   baseName: "breadcrumb",