@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/autocomplete/autocomplete.component.d.ts

@@ -0,0 +1,30 @@
+import { SbbOptionElement } from '../option.ts';
+import { SbbAutocompleteBaseElement } from './autocomplete-base-element.ts';
+/**
+ * Combined with a native input, it displays a panel with a list of available options.
+ *
+ * @slot - Use the unnamed slot to add `sbb-option` or `sbb-optgroup` elements to the `sbb-autocomplete`.
+ * @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ * @cssprop [--sbb-options-panel-max-height] - Maximum height of the options panel.
+ * If the calculated remaining space is smaller, the value gets ignored.
+ */
+export declare class SbbAutocompleteElement<T = string> extends SbbAutocompleteBaseElement<T> {
+    static readonly role: string | null;
+    protected overlayId: string;
+    protected panelRole: string;
+    protected get options(): SbbOptionElement<T>[];
+    protected syncNegative(): void;
+    protected openedPanelKeyboardInteraction(event: KeyboardEvent): void;
+    protected selectByKeyboard(event: KeyboardEvent): void;
+    protected setNextActiveOption(event?: KeyboardEvent): void;
+    protected resetActiveElement(): void;
+    protected setTriggerAttributes(element: HTMLInputElement): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete': SbbAutocompleteElement;
+    }
+}
+//# sourceMappingURL=autocomplete.component.d.ts.map

package/development/autocomplete/autocomplete.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;;;GASG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAC5E,gBAAgC,IAAI,gBAAqC;IACzE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAEhC,SAAS,KAAK,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAE7C;IAED,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAStD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAkC1D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAMpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/development/autocomplete/autocomplete.component.js

@@ -0,0 +1,88 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { getNextElementIndex } from "../core/a11y.js";
+import { isSafari } from "../core/dom.js";
+import { setAriaComboBoxAttributes } from "../core/overlay.js";
+import { SbbAutocompleteBaseElement } from "./autocomplete-base-element.js";
+let nextId = 0;
+const ariaRoleOnHost = isSafari;
+let SbbAutocompleteElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbAutocompleteBaseElement;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this.overlayId = `sbb-autocomplete-${++nextId}`;
+      this.panelRole = "listbox";
+    }
+    get options() {
+      return Array.from(this.querySelectorAll?.("sbb-option") ?? []);
+    }
+    syncNegative() {
+      this.querySelectorAll?.("sbb-divider, sbb-option-hint").forEach((el) => el.negative = this.negative);
+    }
+    openedPanelKeyboardInteraction(event) {
+      if (!this.isOpen) {
+        return;
+      }
+      switch (event.key) {
+        case "Enter":
+          this.selectByKeyboard(event);
+          break;
+        case "ArrowDown":
+        case "ArrowUp":
+          this.setNextActiveOption(event);
+          break;
+      }
+    }
+    selectByKeyboard(event) {
+      if (this.activeOption) {
+        event.preventDefault();
+        this.activeOption["selectViaUserInteraction"](true);
+      }
+    }
+    setNextActiveOption(event) {
+      const enabledOptions = this.options.filter((opt) => !opt.matches(":is(:state(disabled),[state--disabled])"));
+      this.activeOption?.setActive(false);
+      this.triggerElement?.removeAttribute("aria-activedescendant");
+      if (!enabledOptions.length) {
+        this.activeOption = null;
+        return;
+      }
+      const activeItemIndex = this.activeOption ? enabledOptions.indexOf(this.activeOption) : -1;
+      const next = getNextElementIndex(event, activeItemIndex, enabledOptions.length);
+      this.activeOption = enabledOptions[next];
+      this.activeOption.setActive(true);
+      this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id);
+      this.activeOption.scrollIntoView({ block: "nearest" });
+      if (event) {
+        event.preventDefault();
+      }
+      if (this.autoSelectActiveOption && event) {
+        this.setPendingSelection(this.activeOption);
+      }
+    }
+    resetActiveElement() {
+      this.activeOption?.setActive(false);
+      this.triggerElement?.removeAttribute("aria-activedescendant");
+      this.activeOption = null;
+    }
+    setTriggerAttributes(element) {
+      setAriaComboBoxAttributes(element, ariaRoleOnHost ? this.id : this.overlayId, false);
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = ariaRoleOnHost ? "listbox" : null, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGdldE5leHRFbGVtZW50SW5kZXggfSBmcm9tICcuLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgaXNTYWZhcmkgfSBmcm9tICcuLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQgeyBzZXRBcmlhQ29tYm9Cb3hBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vY29yZS9vdmVybGF5LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiRGl2aWRlckVsZW1lbnQgfSBmcm9tICcuLi9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiT3B0aW9uRWxlbWVudCwgU2JiT3B0aW9uSGludEVsZW1lbnQgfSBmcm9tICcuLi9vcHRpb24udHMnO1xuXG5pbXBvcnQgeyBTYmJBdXRvY29tcGxldGVCYXNlRWxlbWVudCB9IGZyb20gJy4vYXV0b2NvbXBsZXRlLWJhc2UtZWxlbWVudC50cyc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIE9uIFNhZmFyaSwgdGhlIGFyaWEgcm9sZSAnbGlzdGJveCcgbXVzdCBiZSBvbiB0aGUgaG9zdCBlbGVtZW50LCBvciBlbHNlIFZvaWNlT3ZlciB3b24ndCB3b3JrIGF0IGFsbC5cbiAqIE9uIHRoZSBvdGhlciBoYW5kLCBKQVdTIGFuZCBOVkRBIG5lZWQgdGhlIHJvbGUgdG8gYmUgXCJjbG9zZXJcIiB0byB0aGUgb3B0aW9ucywgb3IgZWxzZSBvcHRncm91cHMgd29uJ3Qgd29yay5cbiAqL1xuY29uc3QgYXJpYVJvbGVPbkhvc3QgPSBpc1NhZmFyaTtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgbmF0aXZlIGlucHV0LCBpdCBkaXNwbGF5cyBhIHBhbmVsIHdpdGggYSBsaXN0IG9mIGF2YWlsYWJsZSBvcHRpb25zLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItb3B0aW9uYCBvciBgc2JiLW9wdGdyb3VwYCBlbGVtZW50cyB0byB0aGUgYHNiYi1hdXRvY29tcGxldGVgLlxuICogQGNzc3Byb3AgWy0tc2JiLWF1dG9jb21wbGV0ZS16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKiBAY3NzcHJvcCBbLS1zYmItb3B0aW9ucy1wYW5lbC1tYXgtaGVpZ2h0XSAtIE1heGltdW0gaGVpZ2h0IG9mIHRoZSBvcHRpb25zIHBhbmVsLlxuICogSWYgdGhlIGNhbGN1bGF0ZWQgcmVtYWluaW5nIHNwYWNlIGlzIHNtYWxsZXIsIHRoZSB2YWx1ZSBnZXRzIGlnbm9yZWQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hdXRvY29tcGxldGUnKVxuY2xhc3MgU2JiQXV0b2NvbXBsZXRlRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50PFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gYXJpYVJvbGVPbkhvc3QgPyAnbGlzdGJveCcgOiBudWxsO1xuICBwcm90ZWN0ZWQgb3ZlcmxheUlkID0gYHNiYi1hdXRvY29tcGxldGUtJHsrK25leHRJZH1gO1xuICBwcm90ZWN0ZWQgcGFuZWxSb2xlID0gJ2xpc3Rib3gnO1xuXG4gIHByb3RlY3RlZCBnZXQgb3B0aW9ucygpOiBTYmJPcHRpb25FbGVtZW50PFQ+W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYk9wdGlvbkVsZW1lbnQ8VD4+KCdzYmItb3B0aW9uJykgPz8gW10pO1xuICB9XG5cbiAgcHJvdGVjdGVkIHN5bmNOZWdhdGl2ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/LjxTYmJEaXZpZGVyRWxlbWVudCB8IFNiYk9wdGlvbkhpbnRFbGVtZW50PihcbiAgICAgICdzYmItZGl2aWRlciwgc2JiLW9wdGlvbi1oaW50JyxcbiAgICApLmZvckVhY2goKGVsKSA9PiAoZWwubmVnYXRpdmUgPSB0aGlzLm5lZ2F0aXZlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3BlbmVkUGFuZWxLZXlib2FyZEludGVyYWN0aW9uKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzT3Blbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBzd2l0Y2ggKGV2ZW50LmtleSkge1xuICAgICAgY2FzZSAnRW50ZXInOlxuICAgICAgICB0aGlzLnNlbGVjdEJ5S2V5Ym9hcmQoZXZlbnQpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgICB0aGlzLnNldE5leHRBY3RpdmVPcHRpb24oZXZlbnQpO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgc2VsZWN0QnlLZXlib2FyZChldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmFjdGl2ZU9wdGlvbikge1xuICAgICAgLy8gV2UgYXJlIGN1cnJlbnRseSBzZWxlY3RpbmcgYW4gb3B0aW9uIGFuZCB0aGVyZWZvcmUgdGhlIEVudGVyIHByZXNzIHNob3VsZG4ndCB0cmlnZ2VyIGEgZm9ybSBzdWJtaXRcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgIHRoaXMuYWN0aXZlT3B0aW9uWydzZWxlY3RWaWFVc2VySW50ZXJhY3Rpb24nXSh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0TmV4dEFjdGl2ZU9wdGlvbihldmVudD86IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBlbmFibGVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucy5maWx0ZXIoKG9wdCkgPT4gIW9wdC5tYXRjaGVzKCc6c3RhdGUoZGlzYWJsZWQpJykpO1xuXG4gICAgLy8gUmVzZXQgcG90ZW50aWFsbHkgYWN0aXZlIG9wdGlvblxuICAgIHRoaXMuYWN0aXZlT3B0aW9uPy5zZXRBY3RpdmUoZmFsc2UpO1xuICAgIHRoaXMudHJpZ2dlckVsZW1lbnQ/LnJlbW92ZUF0dHJpYnV0ZSgnYXJpYS1hY3RpdmVkZXNjZW5kYW50Jyk7XG5cbiAgICBpZiAoIWVuYWJsZWRPcHRpb25zLmxlbmd0aCkge1xuICAgICAgdGhpcy5hY3RpdmVPcHRpb24gPSBudWxsO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGFjdGl2ZUl0ZW1JbmRleCA9IHRoaXMuYWN0aXZlT3B0aW9uXG4gICAgICA/IGVuYWJsZWRPcHRpb25zLmluZGV4T2YodGhpcy5hY3RpdmVPcHRpb24gYXMgU2JiT3B0aW9uRWxlbWVudDxUPilcbiAgICAgIDogLTE7XG5cbiAgICAvLyBHZXQgYW5kIGFjdGl2YXRlIHRoZSBuZXh0IGFjdGl2ZSBvcHRpb25cbiAgICBjb25zdCBuZXh0ID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldmVudCwgYWN0aXZlSXRlbUluZGV4LCBlbmFibGVkT3B0aW9ucy5sZW5ndGgpO1xuICAgIHRoaXMuYWN0aXZlT3B0aW9uID0gZW5hYmxlZE9wdGlvbnNbbmV4dF07XG4gICAgdGhpcy5hY3RpdmVPcHRpb24uc2V0QWN0aXZlKHRydWUpO1xuICAgIHRoaXMudHJpZ2dlckVsZW1lbnQ/LnNldEF0dHJpYnV0ZSgnYXJpYS1hY3RpdmVkZXNjZW5kYW50JywgdGhpcy5hY3RpdmVPcHRpb24uaWQpO1xuICAgIHRoaXMuYWN0aXZlT3B0aW9uLnNjcm9sbEludG9WaWV3KHsgYmxvY2s6ICduZWFyZXN0JyB9KTtcblxuICAgIC8vIE1vdmluZyB0aGUgYWN0aXZlIG9wdGlvbiBzaG91bGQgbm90IG1vdmUgdGhlIGlucHV0IGN1cnNvciAoY2FyZXQpXG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cblxuICAgIC8vIElmICdhdXRvU2VsZWN0QWN0aXZlT3B0aW9uJyBhbmQgaXMgdHJpZ2dlcmVkIGZyb20gYSBrZXlib2FyZCBldmVudFxuICAgIGlmICh0aGlzLmF1dG9TZWxlY3RBY3RpdmVPcHRpb24gJiYgZXZlbnQpIHtcbiAgICAgIHRoaXMuc2V0UGVuZGluZ1NlbGVjdGlvbih0aGlzLmFjdGl2ZU9wdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHJlc2V0QWN0aXZlRWxlbWVudCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZU9wdGlvbj8uc2V0QWN0aXZlKGZhbHNlKTtcbiAgICB0aGlzLnRyaWdnZXJFbGVtZW50Py5yZW1vdmVBdHRyaWJ1dGUoJ2FyaWEtYWN0aXZlZGVzY2VuZGFudCcpO1xuICAgIHRoaXMuYWN0aXZlT3B0aW9uID0gbnVsbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBzZXRUcmlnZ2VyQXR0cmlidXRlcyhlbGVtZW50OiBIVE1MSW5wdXRFbGVtZW50KTogdm9pZCB7XG4gICAgc2V0QXJpYUNvbWJvQm94QXR0cmlidXRlcyhlbGVtZW50LCBhcmlhUm9sZU9uSG9zdCA/IHRoaXMuaWQgOiB0aGlzLm92ZXJsYXlJZCwgZmFsc2UpO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlJzogU2JiQXV0b2NvbXBsZXRlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQVVBLElBQUksU0FBUztBQU1iLE1BQU0saUJBQWlCO0lBY2pCLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxrQkFBa0IsQ0FBQzs7OztvQkFDZTtBQUFSLEVBQUEsbUJBQVEsWUFBNkI7QUFBQTs7QUFFbEUsV0FBQSxZQUFZLG9CQUFvQixFQUFFLE1BQU07QUFDeEMsV0FBQSxZQUFZO0FBQUEsSUFnRnhCO0FBQUEsSUE5RUUsSUFBYyxVQUFPO0FBQ25CLGFBQU8sTUFBTSxLQUFLLEtBQUssbUJBQXdDLFlBQVksS0FBSyxFQUFFO0FBQUEsSUFDcEY7QUFBQSxJQUVVLGVBQVk7QUFDcEIsV0FBSyxtQkFDSCw4QkFBOEIsRUFDOUIsUUFBUSxDQUFDLE9BQVEsR0FBRyxXQUFXLEtBQUssUUFBUztBQUFBLElBQ2pEO0FBQUEsSUFFVSwrQkFBK0IsT0FBb0I7QUFDM0QsVUFBSSxDQUFDLEtBQUssUUFBUTtBQUNoQjtBQUFBLE1BQ0Y7QUFDQSxjQUFRLE1BQU0sS0FBQTtBQUFBLFFBQ1osS0FBSztBQUNILGVBQUssaUJBQWlCLEtBQUs7QUFDM0I7QUFBQSxRQUVGLEtBQUs7QUFBQSxRQUNMLEtBQUs7QUFDSCxlQUFLLG9CQUFvQixLQUFLO0FBQzlCO0FBQUEsTUFBQTtBQUFBLElBRU47QUFBQSxJQUVVLGlCQUFpQixPQUFvQjtBQUM3QyxVQUFJLEtBQUssY0FBYztBQUVyQixjQUFNLGVBQUE7QUFFTixhQUFLLGFBQWEsMEJBQTBCLEVBQUUsSUFBSTtBQUFBLE1BQ3BEO0FBQUEsSUFDRjtBQUFBLElBRVUsb0JBQW9CLE9BQXFCO0FBQ2pELFlBQU0saUJBQWlCLEtBQUssUUFBUSxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksUUFBUSx5Q0FBa0IsQ0FBQztBQUdwRixXQUFLLGNBQWMsVUFBVSxLQUFLO0FBQ2xDLFdBQUssZ0JBQWdCLGdCQUFnQix1QkFBdUI7QUFFNUQsVUFBSSxDQUFDLGVBQWUsUUFBUTtBQUMxQixhQUFLLGVBQWU7QUFDcEI7QUFBQSxNQUNGO0FBRUEsWUFBTSxrQkFBa0IsS0FBSyxlQUN6QixlQUFlLFFBQVEsS0FBSyxZQUFtQyxJQUMvRDtBQUdKLFlBQU0sT0FBTyxvQkFBb0IsT0FBTyxpQkFBaUIsZUFBZSxNQUFNO0FBQzlFLFdBQUssZUFBZSxlQUFlLElBQUk7QUFDdkMsV0FBSyxhQUFhLFVBQVUsSUFBSTtBQUNoQyxXQUFLLGdCQUFnQixhQUFhLHlCQUF5QixLQUFLLGFBQWEsRUFBRTtBQUMvRSxXQUFLLGFBQWEsZUFBZSxFQUFFLE9BQU8sV0FBVztBQUdyRCxVQUFJLE9BQU87QUFDVCxjQUFNLGVBQUE7QUFBQSxNQUNSO0FBR0EsVUFBSSxLQUFLLDBCQUEwQixPQUFPO0FBQ3hDLGFBQUssb0JBQW9CLEtBQUssWUFBWTtBQUFBLE1BQzVDO0FBQUEsSUFDRjtBQUFBLElBRVUscUJBQWtCO0FBQzFCLFdBQUssY0FBYyxVQUFVLEtBQUs7QUFDbEMsV0FBSyxnQkFBZ0IsZ0JBQWdCLHVCQUF1QjtBQUM1RCxXQUFLLGVBQWU7QUFBQSxJQUN0QjtBQUFBLElBRVUscUJBQXFCLFNBQXlCO0FBQ3RELGdDQUEwQixTQUFTLGlCQUFpQixLQUFLLEtBQUssS0FBSyxXQUFXLEtBQUs7QUFBQSxJQUNyRjtBQUFBOztBQWxGRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ2tDLEdBQUEsT0FBTyxpQkFBaUIsWUFBWSxNQURoRSxrQkFBQSxZQUFBLHVCQUFBLEdBQW1DOzs7In0=

package/development/autocomplete.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @entrypoint
+ */
+export * from './autocomplete/autocomplete.component.ts';
+export * from './autocomplete/autocomplete-base-element.ts';
+//# sourceMappingURL=autocomplete.d.ts.map

package/development/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC;AACzD,cAAc,6CAA6C,CAAC"}

package/development/autocomplete.js

@@ -0,0 +1,7 @@
+import { SbbAutocompleteElement } from "./autocomplete/autocomplete.component.js";
+import { SbbAutocompleteBaseElement } from "./autocomplete/autocomplete-base-element.js";
+export {
+  SbbAutocompleteBaseElement,
+  SbbAutocompleteElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/breadcrumb/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,20 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbBreadcrumbElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link to a page; used within a `sbb-breadcrumb-group` it can display the path to the current page.
+ *
+ * @slot - Use the unnamed slot to add content to the breadcrumb.
+ * @slot icon - Use this to display an icon as breadcrumb.
+ */
+export declare class SbbBreadcrumbElement extends SbbBreadcrumbElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-breadcrumb': SbbBreadcrumbElement;
+    }
+}
+export {};
+//# sourceMappingURL=breadcrumb.component.d.ts.map

package/development/breadcrumb/breadcrumb/breadcrumb.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAOjE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAA4B;cAEtD,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/development/breadcrumb/breadcrumb/breadcrumb.component.js

@@ -0,0 +1,91 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbHydrationMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+import { css } from "lit";
+const style = css`:host {
+  display: flex;
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-breadcrumb-color: var(--sbb-breadcrumb-color-hover);
+  }
+}
+:host(:is(:active, :is(:state(active),[state--active]))) {
+  --sbb-breadcrumb-color: var(--sbb-breadcrumb-color-active);
+}
+
+.sbb-breadcrumb {
+  --sbb-link-text-decoration-line: none;
+  color: var(--sbb-link-color-normal);
+  text-decoration-line: var(--sbb-link-text-decoration-line, underline);
+  text-decoration-thickness: 0.0625rem;
+  text-underline-offset: 0.3125em;
+}
+@media (forced-colors: active) {
+  .sbb-breadcrumb {
+    text-decoration: underline;
+  }
+}
+.sbb-breadcrumb {
+  display: flex;
+  cursor: var(--sbb-cursor-pointer);
+  gap: var(--sbb-breadcrumb-gap);
+  color: var(--sbb-breadcrumb-color);
+  align-items: center;
+  overflow: hidden;
+  outline: none;
+  font-size: var(--sbb-breadcrumb-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+.sbb-breadcrumb:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-border-radius-2x);
+}
+
+.sbb-breadcrumb__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-breadcrumb__label {
+  display: none;
+}
+
+slot[name=icon] .sbb-breadcrumb__icon,
+slot[name=icon] ::slotted(*) {
+  flex-shrink: 0;
+}`;
+let SbbBreadcrumbElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-breadcrumb")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbHydrationMixin(SbbLinkBaseElement));
+  _a = class extends _classSuper {
+    renderTemplate() {
+      return html`
+      ${this.renderIconSlot("sbb-breadcrumb__icon")}
+      <span class="sbb-breadcrumb__label">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbBreadcrumbElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiSHlkcmF0aW9uTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2JyZWFkY3J1bWIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpbmsgdG8gYSBwYWdlOyB1c2VkIHdpdGhpbiBhIGBzYmItYnJlYWRjcnVtYi1ncm91cGAgaXQgY2FuIGRpc3BsYXkgdGhlIHBhdGggdG8gdGhlIGN1cnJlbnQgcGFnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBicmVhZGNydW1iLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHRvIGRpc3BsYXkgYW4gaWNvbiBhcyBicmVhZGNydW1iLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYnJlYWRjcnVtYicpXG5jbGFzcyBTYmJCcmVhZGNydW1iRWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiSHlkcmF0aW9uTWl4aW4oU2JiTGlua0Jhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgnc2JiLWJyZWFkY3J1bWJfX2ljb24nKX1cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWJyZWFkY3J1bWJfX2xhYmVsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYnJlYWRjcnVtYic6IFNiYkJyZWFkY3J1bWJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJNLHdCQUFvQixNQUFBOzswQkFEekIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztBQUNHLE1BQUEsY0FBQSxpQkFBaUIsa0JBQWtCLGtCQUFrQixDQUFDO0FBQTlELEVBQUEsbUJBQVEsWUFBdUQ7QUFBQSxJQUdyRSxpQkFBYztBQUMvQixhQUFPO0FBQUEsUUFDSCxLQUFLLGVBQWUsc0JBQXNCLENBQUM7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS2pEO0FBQUE7O0FBVkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FEbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFxQjs7OyJ9

package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts

@@ -0,0 +1,50 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbBreadcrumbElement } from '../breadcrumb.ts';
+declare const SbbBreadcrumbGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbBreadcrumbElement>> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It can be used as a container for one or more `sbb-breadcrumb` component.
+ *
+ * @slot - Use the unnamed slot to add `sbb-breadcrumb` elements.
+ */
+export declare class SbbBreadcrumbGroupElement extends SbbBreadcrumbGroupElement_base {
+    static readonly role = "navigation";
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /** The state of the breadcrumb group. */
+    private set _state(value);
+    private get _state();
+    private _stateInternal;
+    private _resizeObserver;
+    private _language;
+    private _markForFocus;
+    constructor();
+    private _handleKeyDown;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected updated(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
+    private _syncBreadcrumbs;
+    /**
+     * Sets the focus on the correct element when the ellipsis breadcrumb is displayed and the user is navigating with keyboard's arrows.
+     */
+    private _focusNextCollapsed;
+    private _focusNext;
+    /**
+     * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
+     * to the `body`, so if the ellipsis element has focus, it's asynchronously forced to the first element.
+     */
+    private _expandBreadcrumbs;
+    /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
+    private _evaluateCollapsedState;
+    private _renderCollapsed;
+    private _renderExpanded;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-breadcrumb-group': SbbBreadcrumbGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=breadcrumb-group.component.d.ts.map

package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;IACC,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,mBAA4B,mBAAmB,WAAsB;IAErE,yCAAyC;IAEzC,OAAO,KAAK,MAAM,QAQjB;IACD,OAAO,KAAK,MAAM,GAEjB;IACD,OAAO,CAAC,cAAc,CAAkD;IAExE,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;;IAO9B,OAAO,CAAC,cAAc;cAiBH,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAa3F,2EAA2E;IAC3E,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B,kGAAkG;IAClG,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;cAgBJ,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -0,0 +1,269 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, html, nothing } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { isArrowKeyPressed, sbbInputModalityDetector, getNextElementIndex } from "../../core/a11y.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { i18nBreadcrumbEllipsisButtonLabel } from "../../core/i18n.js";
+import { SbbElementInternalsMixin, SbbNamedSlotListMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import "../../icon.js";
+const style = css`:host {
+  display: block;
+}
+
+:host(:is(:state(loaded),[state--loaded])) {
+  --sbb-breadcrumb-group-visibility: visible;
+}
+
+:host(:is(:is(:state(state-collapsed),[state--state-collapsed]), :is(:state(state-manually-expanded),[state--state-manually-expanded]))) {
+  --sbb-breadcrumb-group-wrap: wrap;
+}
+
+.sbb-breadcrumb-group {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  flex-wrap: var(--sbb-breadcrumb-group-wrap);
+  column-gap: var(--sbb-spacing-fixed-1x);
+  visibility: var(--sbb-breadcrumb-group-visibility);
+}
+
+.sbb-breadcrumb-group__item {
+  flex: 0 0 auto;
+  display: flex;
+  column-gap: var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-breadcrumb-group__divider-icon {
+  color: var(--sbb-breadcrumb-group-ellipsis-color);
+}
+
+#sbb-breadcrumb-ellipsis {
+  appearance: none;
+  box-sizing: border-box;
+  margin: 0;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  background: none;
+  -webkit-tap-highlight-color: transparent;
+  color: inherit;
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  line-height: 0;
+  letter-spacing: 0.01em;
+  font-size: var(--sbb-text-font-size-xxs);
+  width: var(--sbb-size-icon-ui-small);
+  height: var(--sbb-size-icon-ui-small);
+  border: var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);
+  border-radius: 50%;
+  padding-block-end: 0.5em;
+  cursor: var(--sbb-cursor-pointer);
+  color: var(--sbb-breadcrumb-group-ellipsis-color);
+  background-color: var(--sbb-breadcrumb-group-ellipsis-background-color);
+  overflow: hidden;
+}
+@media (forced-colors: active) {
+  #sbb-breadcrumb-ellipsis {
+    --sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);
+    --sbb-breadcrumb-group-ellipsis-border-color: CanvasText;
+  }
+}
+@media (any-hover: hover) {
+  #sbb-breadcrumb-ellipsis:hover {
+    --sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);
+    --sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3);
+  }
+}
+@media (any-hover: hover) and (forced-colors: active) {
+  #sbb-breadcrumb-ellipsis:hover {
+    --sbb-breadcrumb-group-ellipsis-border-color: Highlight;
+  }
+}
+#sbb-breadcrumb-ellipsis:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+}`;
+const MIN_BREADCRUMBS_TO_COLLAPSE = 3;
+let SbbBreadcrumbGroupElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-breadcrumb-group")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(SbbNamedSlotListMixin(LitElement));
+  let _instanceExtraInitializers = [];
+  let _set__state_decorators;
+  _a = class extends _classSuper {
+    /** The state of the breadcrumb group. */
+    set _state(state2) {
+      if (this._stateInternal) {
+        this.internals.states.delete(`state-${this._stateInternal}`);
+      }
+      this._stateInternal = state2;
+      if (this._stateInternal) {
+        this.internals.states.add(`state-${this._stateInternal}`);
+      }
+    }
+    get _state() {
+      return this._stateInternal;
+    }
+    constructor() {
+      super();
+      this.listChildLocalNames = (__runInitializers(this, _instanceExtraInitializers), ["sbb-breadcrumb"]);
+      this._stateInternal = null;
+      this._resizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => this._evaluateCollapsedState()
+      });
+      this._language = new SbbLanguageController(this);
+      this._markForFocus = false;
+      this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+    }
+    _handleKeyDown(evt) {
+      if (!this.listChildren.length || // don't trap nested handling
+      evt.target !== this && evt.target.parentElement !== this) {
+        return;
+      }
+      if (isArrowKeyPressed(evt)) {
+        if (this._state === "collapsed") {
+          return this._focusNextCollapsed(evt);
+        }
+        this._focusNext(evt);
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this._resizeObserver.observe(this);
+      this.internals.states.add("loaded");
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        this._syncBreadcrumbs();
+      }
+    }
+    updated(changedProperties) {
+      super.updated(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        Promise.resolve().then(() => this._evaluateCollapsedState());
+      }
+      if (this._markForFocus && sbbInputModalityDetector.mostRecentModality === "keyboard") {
+        this.listChildren[1]?.focus();
+        this._markForFocus = false;
+      }
+    }
+    /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
+    _syncBreadcrumbs() {
+      this.listChildren.slice(0, -1).filter((c) => c.hasAttribute("accessibility-current")).forEach((c) => c.removeAttribute("accessibility-current"));
+      this.listChildren[this.listChildren.length - 1]?.setAttribute("accessibility-current", "page");
+      if (this.listChildren.length < MIN_BREADCRUMBS_TO_COLLAPSE) {
+        this._state = null;
+      }
+    }
+    /**
+     * Sets the focus on the correct element when the ellipsis breadcrumb is displayed and the user is navigating with keyboard's arrows.
+     */
+    _focusNextCollapsed(evt) {
+      const arrayCollapsed = [
+        this.listChildren[0],
+        this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
+        this.listChildren[this.listChildren.length - 1]
+      ];
+      this._focusNext(evt, arrayCollapsed);
+    }
+    _focusNext(evt, breadcrumbs = this.listChildren) {
+      const current = breadcrumbs.findIndex((e) => e === document.activeElement || e === this.shadowRoot.activeElement);
+      const nextIndex = getNextElementIndex(evt, current, breadcrumbs.length);
+      breadcrumbs[nextIndex]?.focus();
+      evt.preventDefault();
+    }
+    /**
+     * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
+     * to the `body`, so if the ellipsis element has focus, it's asynchronously forced to the first element.
+     */
+    _expandBreadcrumbs() {
+      this._state = "manually-expanded";
+      this._markForFocus = true;
+    }
+    /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
+    _evaluateCollapsedState() {
+      if (!this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= MIN_BREADCRUMBS_TO_COLLAPSE) {
+        this._state = "collapsed";
+        this._resizeObserver.hostDisconnected();
+        this.removeController(this._resizeObserver);
+      }
+    }
+    _renderCollapsed() {
+      return html`
+      <li class="sbb-breadcrumb-group__item">
+        <slot name="li-0"></slot>
+      </li>
+      <li class="sbb-breadcrumb-group__item" id="sbb-breadcrumb-group-ellipsis">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <button
+          type="button"
+          id="sbb-breadcrumb-ellipsis"
+          aria-label=${i18nBreadcrumbEllipsisButtonLabel[this._language.current]}
+          aria-expanded="false"
+          @click=${() => this._expandBreadcrumbs()}
+        >
+          ...
+        </button>
+      </li>
+      <li class="sbb-breadcrumb-group__item">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <slot name=${`li-${this.listChildren.length - 1}`}></slot>
+      </li>
+    `;
+    }
+    _renderExpanded() {
+      return this.listSlotEntries().map((slot, index, array) => html`
+        <li class="sbb-breadcrumb-group__item">
+          <slot name=${slot.name}></slot>
+          ${index !== array.length - 1 ? html`<sbb-icon
+                name="chevron-small-right-small"
+                class="sbb-breadcrumb-group__divider-icon"
+              ></sbb-icon>` : nothing}
+        </li>
+      `);
+    }
+    render() {
+      return html`
+      <ol class="sbb-breadcrumb-group">
+        ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
+      </ol>
+      ${this.renderHiddenSlot()}
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _set__state_decorators = [state()];
+    __esDecorate(_a, null, _set__state_decorators, { kind: "setter", name: "_state", static: false, private: false, access: { has: (obj) => "_state" in obj, set: (obj, value) => {
+      obj._state = value;
+    } }, metadata: _metadata }, null, _instanceExtraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = "navigation", _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbBreadcrumbGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWItZ3JvdXAvYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBnZXROZXh0RWxlbWVudEluZGV4LFxuICBpc0Fycm93S2V5UHJlc3NlZCxcbiAgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLFxufSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBpMThuQnJlYWRjcnVtYkVsbGlwc2lzQnV0dG9uTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHtcbiAgU2JiRWxlbWVudEludGVybmFsc01peGluLFxuICBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sXG4gIHR5cGUgV2l0aExpc3RDaGlsZHJlbixcbn0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJCcmVhZGNydW1iRWxlbWVudCB9IGZyb20gJy4uL2JyZWFkY3J1bWIudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9icmVhZGNydW1iLWdyb3VwLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbmNvbnN0IE1JTl9CUkVBRENSVU1CU19UT19DT0xMQVBTRSA9IDM7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItYnJlYWRjcnVtYmAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItYnJlYWRjcnVtYmAgZWxlbWVudHMuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1icmVhZGNydW1iLWdyb3VwJylcbmNsYXNzIFNiYkJyZWFkY3J1bWJHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxTYmJCcmVhZGNydW1iRWxlbWVudCwgdHlwZW9mIExpdEVsZW1lbnQ+KExpdEVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICduYXZpZ2F0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLWJyZWFkY3J1bWInXTtcblxuICAvKiogVGhlIHN0YXRlIG9mIHRoZSBicmVhZGNydW1iIGdyb3VwLiAqL1xuICBAc3RhdGUoKVxuICBwcml2YXRlIHNldCBfc3RhdGUoc3RhdGU6ICdjb2xsYXBzZWQnIHwgJ21hbnVhbGx5LWV4cGFuZGVkJyB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5fc3RhdGVJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgc3RhdGUtJHt0aGlzLl9zdGF0ZUludGVybmFsfWApO1xuICAgIH1cbiAgICB0aGlzLl9zdGF0ZUludGVybmFsID0gc3RhdGU7XG4gICAgaWYgKHRoaXMuX3N0YXRlSW50ZXJuYWwpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoYHN0YXRlLSR7dGhpcy5fc3RhdGVJbnRlcm5hbH1gKTtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBnZXQgX3N0YXRlKCk6ICdjb2xsYXBzZWQnIHwgJ21hbnVhbGx5LWV4cGFuZGVkJyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9zdGF0ZUludGVybmFsO1xuICB9XG4gIHByaXZhdGUgX3N0YXRlSW50ZXJuYWw6ICdjb2xsYXBzZWQnIHwgJ21hbnVhbGx5LWV4cGFuZGVkJyB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX3Jlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fZXZhbHVhdGVDb2xsYXBzZWRTdGF0ZSgpLFxuICB9KTtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9tYXJrRm9yRm9jdXMgPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Ligna2V5ZG93bicsIChlKSA9PiB0aGlzLl9oYW5kbGVLZXlEb3duKGUpKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgIXRoaXMubGlzdENoaWxkcmVuLmxlbmd0aCB8fFxuICAgICAgLy8gZG9uJ3QgdHJhcCBuZXN0ZWQgaGFuZGxpbmdcbiAgICAgICgoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgIT09IHRoaXMgJiYgKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnBhcmVudEVsZW1lbnQgIT09IHRoaXMpXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGlzQXJyb3dLZXlQcmVzc2VkKGV2dCkpIHtcbiAgICAgIGlmICh0aGlzLl9zdGF0ZSA9PT0gJ2NvbGxhcHNlZCcpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZvY3VzTmV4dENvbGxhcHNlZChldnQpO1xuICAgICAgfVxuICAgICAgdGhpcy5fZm9jdXNOZXh0KGV2dCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5fcmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdsb2FkZWQnKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJykpIHtcbiAgICAgIHRoaXMuX3N5bmNCcmVhZGNydW1icygpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB1cGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLnVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHRoaXMuX2V2YWx1YXRlQ29sbGFwc2VkU3RhdGUoKSk7XG4gICAgfVxuICAgIGlmICh0aGlzLl9tYXJrRm9yRm9jdXMgJiYgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLm1vc3RSZWNlbnRNb2RhbGl0eSA9PT0gJ2tleWJvYXJkJykge1xuICAgICAgdGhpcy5saXN0Q2hpbGRyZW5bMV0/LmZvY3VzKCk7XG5cbiAgICAgIC8vIFJlc2V0IG1hcmsgZm9yIGZvY3VzXG4gICAgICB0aGlzLl9tYXJrRm9yRm9jdXMgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICAvKiogQXBwbHkgdGhlIGFyaWEtY3VycmVudCBhdHRyaWJ1dGUgdG8gdGhlIGxhc3Qgc2JiLWJyZWFkY3J1bWIgZWxlbWVudC4gKi9cbiAgcHJpdmF0ZSBfc3luY0JyZWFkY3J1bWJzKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdENoaWxkcmVuXG4gICAgICAuc2xpY2UoMCwgLTEpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjLmhhc0F0dHJpYnV0ZSgnYWNjZXNzaWJpbGl0eS1jdXJyZW50JykpXG4gICAgICAuZm9yRWFjaCgoYykgPT4gYy5yZW1vdmVBdHRyaWJ1dGUoJ2FjY2Vzc2liaWxpdHktY3VycmVudCcpKTtcbiAgICB0aGlzLmxpc3RDaGlsZHJlblt0aGlzLmxpc3RDaGlsZHJlbi5sZW5ndGggLSAxXT8uc2V0QXR0cmlidXRlKCdhY2Nlc3NpYmlsaXR5LWN1cnJlbnQnLCAncGFnZScpO1xuXG4gICAgLy8gSWYgaXQgaXMgbm90IGV4cGFuZGFibGUsIHJlc2V0IHN0YXRlXG4gICAgaWYgKHRoaXMubGlzdENoaWxkcmVuLmxlbmd0aCA8IE1JTl9CUkVBRENSVU1CU19UT19DT0xMQVBTRSkge1xuICAgICAgdGhpcy5fc3RhdGUgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBmb2N1cyBvbiB0aGUgY29ycmVjdCBlbGVtZW50IHdoZW4gdGhlIGVsbGlwc2lzIGJyZWFkY3J1bWIgaXMgZGlzcGxheWVkIGFuZCB0aGUgdXNlciBpcyBuYXZpZ2F0aW5nIHdpdGgga2V5Ym9hcmQncyBhcnJvd3MuXG4gICAqL1xuICBwcml2YXRlIF9mb2N1c05leHRDb2xsYXBzZWQoZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgYXJyYXlDb2xsYXBzZWQ6IFNiYkJyZWFkY3J1bWJFbGVtZW50W10gPSBbXG4gICAgICB0aGlzLmxpc3RDaGlsZHJlblswXSxcbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcignI3NiYi1icmVhZGNydW1iLWVsbGlwc2lzJykgYXMgU2JiQnJlYWRjcnVtYkVsZW1lbnQsXG4gICAgICB0aGlzLmxpc3RDaGlsZHJlblt0aGlzLmxpc3RDaGlsZHJlbi5sZW5ndGggLSAxXSxcbiAgICBdO1xuICAgIHRoaXMuX2ZvY3VzTmV4dChldnQsIGFycmF5Q29sbGFwc2VkKTtcbiAgfVxuXG4gIHByaXZhdGUgX2ZvY3VzTmV4dChcbiAgICBldnQ6IEtleWJvYXJkRXZlbnQsXG4gICAgYnJlYWRjcnVtYnM6IFNiYkJyZWFkY3J1bWJFbGVtZW50W10gPSB0aGlzLmxpc3RDaGlsZHJlbixcbiAgKTogdm9pZCB7XG4gICAgY29uc3QgY3VycmVudDogbnVtYmVyID0gYnJlYWRjcnVtYnMuZmluZEluZGV4KFxuICAgICAgKGUpID0+IGUgPT09IGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgfHwgZSA9PT0gdGhpcy5zaGFkb3dSb290IS5hY3RpdmVFbGVtZW50LFxuICAgICk7XG4gICAgY29uc3QgbmV4dEluZGV4OiBudW1iZXIgPSBnZXROZXh0RWxlbWVudEluZGV4KGV2dCwgY3VycmVudCwgYnJlYWRjcnVtYnMubGVuZ3RoKTtcbiAgICBicmVhZGNydW1ic1tuZXh0SW5kZXhdPy5mb2N1cygpO1xuICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIE5vdGU6IGR1ZSB0byBAU3RhdGUgYW5ub3RhdGlvbiBvbiBfc3RhdGUsIHRoaXMgbWV0aG9kIHRyaWdnZXJzIGEgbmV3IHJlbmRlcjsgYXMgYSBjb25zZXF1ZW5jZSwgdGhlIGZvY3VzIGlzIG1vdmVkXG4gICAqIHRvIHRoZSBgYm9keWAsIHNvIGlmIHRoZSBlbGxpcHNpcyBlbGVtZW50IGhhcyBmb2N1cywgaXQncyBhc3luY2hyb25vdXNseSBmb3JjZWQgdG8gdGhlIGZpcnN0IGVsZW1lbnQuXG4gICAqL1xuICBwcml2YXRlIF9leHBhbmRCcmVhZGNydW1icygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICdtYW51YWxseS1leHBhbmRlZCc7XG4gICAgdGhpcy5fbWFya0ZvckZvY3VzID0gdHJ1ZTtcbiAgfVxuXG4gIC8qKiBFdmFsdWF0ZSBpZiB0aGUgZXhwYW5kZWQgYnJlYWRjcnVtYiBlbGVtZW50IGZpdHMgaW4gcGFnZSB3aWR0aCwgb3RoZXJ3aXNlIGl0IG5lZWRzIGVsbGlwc2lzICovXG4gIHByaXZhdGUgX2V2YWx1YXRlQ29sbGFwc2VkU3RhdGUoKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgIXRoaXMuX3N0YXRlICYmXG4gICAgICB0aGlzLnNjcm9sbFdpZHRoID4gdGhpcy5vZmZzZXRXaWR0aCAmJlxuICAgICAgdGhpcy5saXN0Q2hpbGRyZW4ubGVuZ3RoID49IE1JTl9CUkVBRENSVU1CU19UT19DT0xMQVBTRVxuICAgICkge1xuICAgICAgdGhpcy5fc3RhdGUgPSAnY29sbGFwc2VkJztcbiAgICAgIHRoaXMuX3Jlc2l6ZU9ic2VydmVyLmhvc3REaXNjb25uZWN0ZWQoKTtcbiAgICAgIHRoaXMucmVtb3ZlQ29udHJvbGxlcih0aGlzLl9yZXNpemVPYnNlcnZlcik7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfcmVuZGVyQ29sbGFwc2VkKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxsaSBjbGFzcz1cInNiYi1icmVhZGNydW1iLWdyb3VwX19pdGVtXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJsaS0wXCI+PC9zbG90PlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzcz1cInNiYi1icmVhZGNydW1iLWdyb3VwX19pdGVtXCIgaWQ9XCJzYmItYnJlYWRjcnVtYi1ncm91cC1lbGxpcHNpc1wiPlxuICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICBuYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9fZGl2aWRlci1pY29uXCJcbiAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBpZD1cInNiYi1icmVhZGNydW1iLWVsbGlwc2lzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPSR7aTE4bkJyZWFkY3J1bWJFbGxpcHNpc0J1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fZXhwYW5kQnJlYWRjcnVtYnMoKX1cbiAgICAgICAgPlxuICAgICAgICAgIC4uLlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvbGk+XG4gICAgICA8bGkgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9faXRlbVwiPlxuICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICBuYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9fZGl2aWRlci1pY29uXCJcbiAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDxzbG90IG5hbWU9JHtgbGktJHt0aGlzLmxpc3RDaGlsZHJlbi5sZW5ndGggLSAxfWB9Pjwvc2xvdD5cbiAgICAgIDwvbGk+XG4gICAgYDtcbiAgfVxuXG4gIHByaXZhdGUgX3JlbmRlckV4cGFuZGVkKCk6IFRlbXBsYXRlUmVzdWx0W10ge1xuICAgIHJldHVybiB0aGlzLmxpc3RTbG90RW50cmllcygpLm1hcChcbiAgICAgIChzbG90LCBpbmRleCwgYXJyYXkpID0+IGh0bWxgXG4gICAgICAgIDxsaSBjbGFzcz1cInNiYi1icmVhZGNydW1iLWdyb3VwX19pdGVtXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT0ke3Nsb3QubmFtZX0+PC9zbG90PlxuICAgICAgICAgICR7aW5kZXggIT09IGFycmF5Lmxlbmd0aCAtIDFcbiAgICAgICAgICAgID8gaHRtbGA8c2JiLWljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9fZGl2aWRlci1pY29uXCJcbiAgICAgICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L2xpPlxuICAgICAgYCxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8b2wgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cFwiPlxuICAgICAgICAke3RoaXMuX3N0YXRlID09PSAnY29sbGFwc2VkJyA/IHRoaXMuX3JlbmRlckNvbGxhcHNlZCgpIDogdGhpcy5fcmVuZGVyRXhwYW5kZWQoKX1cbiAgICAgIDwvb2w+XG4gICAgICAke3RoaXMucmVuZGVySGlkZGVuU2xvdCgpfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1icmVhZGNydW1iLWdyb3VwJzogU2JiQnJlYWRjcnVtYkdyb3VwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbInN0YXRlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBOEJBLE1BQU0sOEJBQThCO0lBUzlCLDZCQUF5QixNQUFBOzswQkFEOUIsY0FBYyxzQkFBc0IsQ0FBQzs7OztBQUNFLE1BQUEsY0FBQSx5QkFDdEMsc0JBQStELFVBQVUsQ0FBQzs7O0FBRDVDLEVBQUEsbUJBQVEsWUFFdkM7QUFBQTtBQUFBLElBT0MsSUFBWSxPQUFPQSxRQUErQztBQUNoRSxVQUFJLEtBQUssZ0JBQWdCO0FBQ3ZCLGFBQUssVUFBVSxPQUFPLE9BQU8sU0FBUyxLQUFLLGNBQWMsRUFBRTtBQUFBLE1BQzdEO0FBQ0EsV0FBSyxpQkFBaUJBO0FBQ3RCLFVBQUksS0FBSyxnQkFBZ0I7QUFDdkIsYUFBSyxVQUFVLE9BQU8sSUFBSSxTQUFTLEtBQUssY0FBYyxFQUFFO0FBQUEsTUFDMUQ7QUFBQSxJQUNGO0FBQUEsSUFDQSxJQUFZLFNBQU07QUFDaEIsYUFBTyxLQUFLO0FBQUEsSUFDZDtBQUFBLElBV0EsY0FBQTtBQUNFLFlBQUE7QUEzQjBCLFdBQUEsdUJBTHhCLGtCQUFBLE1BQUEsMEJBQUEsR0FLOEMsQ0FBQyxnQkFBZ0I7QUFnQjNELFdBQUEsaUJBQTJEO0FBRTNELFdBQUEsa0JBQWtCLElBQUksaUJBQWlCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixhQUFhO0FBQUEsUUFDYixVQUFVLE1BQU0sS0FBSyx3QkFBQTtBQUFBLE1BQXVCLENBQzdDO0FBQ08sV0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxnQkFBZ0I7QUFJdEIsV0FBSyxtQkFBbUIsV0FBVyxDQUFDLE1BQU0s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

package/development/breadcrumb/breadcrumb-group.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './breadcrumb-group/breadcrumb-group.component.ts';
+//# sourceMappingURL=breadcrumb-group.d.ts.map

package/development/breadcrumb/breadcrumb-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC"}

package/development/breadcrumb/breadcrumb-group.js

@@ -0,0 +1,5 @@
+import { SbbBreadcrumbGroupElement } from "./breadcrumb-group/breadcrumb-group.component.js";
+export {
+  SbbBreadcrumbGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1ncm91cC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=