@odx/foundation 1.0.0-beta.97 → 1.0.0-beta.98

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -12,7 +12,6 @@ declare global {
 export declare class OdxBreadcrumbs extends CustomElement {
     #private;
     private itemElements;
-    private renderedItemElements;
     max: number;
     items?: BreadcrumbsItem[] | null;
     protected firstUpdated(props: PropertyValues<this>): void;

package/dist/components.js

@@ -1,13 +1,12 @@
 import { _ as __decorateClass } from './_virtual_class-decorator-runtime.js';
 import { CustomElement, ExpandableItemManager, customElement, CanBeExpanded, InteractiveElement, getUniqueId, toAriaBooleanAttribute, Size, Variant, optionalAttr, InteractiveLink, getElementFromEvent, Shape, CanBeDisabled, optionalSlot, CheckboxFormControl, CheckboxGroupFormControl, SharedResizeObserver, findClosestDocument, Placement, waitForAnimations, PopoverPlacementOptions, computePopoverPlacement, getKeyInfo, FormControl, ActiveDescendantsController, getAssignedElement, parseDate, forwardEvent, OptionControl, toPx, RadioGroupFormControl, ListboxFormControl, IsDraggable, NumberFormControl, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation';
-import { queryAssignedElements, property, query, state, queryAll } from 'lit/decorators.js';
+import { queryAssignedElements, property, query, state } from 'lit/decorators.js';
 import { html, isServer, unsafeCSS, css, nothing } from 'lit';
 import { p as pick, e, a as autoUpdate, t as throttle, R as RovingTabindexController, r as round, g as debounce, n, i as c, j as e$1 } from './vendor.js';
 import { when } from 'lit/directives/when.js';
 import { IsLocalized, setTranslation } from '@odx/foundation/i18n';
 import { signal, computed } from '@preact/signals-core';
 import 'lit/html.js';
-import { repeat } from 'lit/directives/repeat.js';
 
 const styles$1g = ":host{display:block}:host(:not([compact])) ::slotted(odx-accordion-item){margin-block:var(--odx-spacing-37)}";
 
@@ -400,11 +399,7 @@ const _OdxAnchorNavigation = class _OdxAnchorNavigation extends e(CustomElement)
   render() {
     const anchors = this.#anchorObserver?.anchors.value ?? [];
     const visibleAnchors = this.#anchorObserver?.visibleAnchors.value;
-    return repeat(
-      anchors,
-      (anchor) => anchor.id,
-      (anchor) => this.renderAnchorLink(anchor, visibleAnchors?.[0] === anchor)
-    );
+    return html`${anchors.map((anchor) => this.renderAnchorLink(anchor, visibleAnchors?.[0] === anchor))}`;
   }
   updated(props) {
     if (props.has("container")) {
@@ -602,13 +597,7 @@ const _OdxBreadcrumbs = class _OdxBreadcrumbs extends CustomElement {
   render() {
     if (Array.isArray(this.items)) {
       const items = this.items.filter((...args) => this.#isItemVisible(...args));
-      return repeat(
-        items,
-        (item) => item.href,
-        ({ label, href }) => html`
-          <odx-breadcrumbs-item><odx-link href=${href}>${label}</odx-link></odx-breadcrumbs-item>
-        `
-      );
+      return html`${items.map(({ label, href }) => html`<odx-breadcrumbs-item><odx-link href=${href}>${label}</odx-link></odx-breadcrumbs-item>`)}`;
     }
     return html`<slot @slotchange=${this.#updateContext}></slot>`;
   }
@@ -625,7 +614,9 @@ const _OdxBreadcrumbs = class _OdxBreadcrumbs extends CustomElement {
     for (const [index, item] of this.itemElements.entries()) {
       item.hidden = !this.#isItemVisible(item, index, this.itemElements);
     }
-    for (const [, item] of Array.from(this.renderedItemElements).entries()) {
+    const renderedItemElements = this.shadowRoot?.querySelectorAll(OdxBreadcrumbsItem.tagName) ?? [];
+    if (renderedItemElements.length === 0) return;
+    for (const item of Array.from(renderedItemElements)) {
       item.requestUpdate();
     }
   }
@@ -633,9 +624,6 @@ const _OdxBreadcrumbs = class _OdxBreadcrumbs extends CustomElement {
 __decorateClass([
   queryAssignedElements({ selector: OdxBreadcrumbsItem.tagName, flatten: true })
 ], _OdxBreadcrumbs.prototype, "itemElements", 2);
-__decorateClass([
-  queryAll(OdxBreadcrumbsItem.tagName)
-], _OdxBreadcrumbs.prototype, "renderedItemElements", 2);
 __decorateClass([
   property({ type: Number })
 ], _OdxBreadcrumbs.prototype, "max", 2);
@@ -3706,7 +3694,7 @@ const _OdxSliderMarks = class _OdxSliderMarks extends CustomElement {
     const markCount = Math.floor(this.context.range / step);
     const marks = new Array(markCount).fill(null).map((_, index) => step * index + this.context.min);
     return html`
-      ${repeat(marks, (value) => this.renderMark(value))}
+      ${marks.map((value) => this.renderMark(value))}
       ${this.renderMark(this.context.max, true)}
     `;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.97",
+  "version": "1.0.0-beta.98",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",