@sbb-esta/lyne-elements 2.8.0 → 2.9.0

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

@@ -0,0 +1,47 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbBreadcrumbElement } from '../breadcrumb.js';
+declare const SbbBreadcrumbGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbBreadcrumbElement>> & typeof LitElement;
+/**
+ * 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 styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    private set _state(value);
+    private get _state();
+    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;AAYb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAKM,yBAA0B,SAAQ,8BAG3B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,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,281 @@
+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 { hostAttributes } from "../../core/decorators.js";
+import { setOrRemoveAttribute } from "../../core/dom.js";
+import { i18nBreadcrumbEllipsisButtonLabel } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin } from "../../core/mixins.js";
+import "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-breadcrumb-group-wrap: nowrap;
+  --sbb-breadcrumb-group-visibility: hidden;
+  display: block;
+}
+
+:host([data-loaded]) {
+  --sbb-breadcrumb-group-visibility: visible;
+}
+
+:host([data-state]) {
+  --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-color-granite);
+}
+
+#sbb-breadcrumb-ellipsis {
+  --sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);
+  --sbb-breadcrumb-group-ellipsis-background-color: transparent;
+  --sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);
+  --sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);
+  -webkit-appearance: none;
+  -moz-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-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  line-height: 0;
+  letter-spacing: 0.01em;
+  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: 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-charcoal);
+    --sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-color-milk);
+  }
+}
+@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"), hostAttributes({
+    role: "navigation"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNamedSlotListMixin(LitElement);
+  let _instanceExtraInitializers = [];
+  let _set__state_decorators;
+  _a = class extends _classSuper {
+    /* The state of the breadcrumb group. */
+    set _state(state2) {
+      setOrRemoveAttribute(this, "data-state", state2);
+    }
+    get _state() {
+      return this.getAttribute("data-state");
+    }
+    constructor() {
+      var _a2;
+      super();
+      this.listChildLocalNames = (__runInitializers(this, _instanceExtraInitializers), ["sbb-breadcrumb"]);
+      this._resizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => this._evaluateCollapsedState()
+      });
+      this._language = new SbbLanguageController(this);
+      this._markForFocus = false;
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "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.toggleAttribute("data-loaded", true);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        this._syncBreadcrumbs();
+      }
+    }
+    updated(changedProperties) {
+      var _a2;
+      super.updated(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        Promise.resolve().then(() => this._evaluateCollapsedState());
+      }
+      if (this._markForFocus && sbbInputModalityDetector.mostRecentModality === "keyboard") {
+        (_a2 = this.listChildren[1]) == null ? void 0 : _a2.focus();
+        this._markForFocus = false;
+      }
+    }
+    /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
+    _syncBreadcrumbs() {
+      var _a2;
+      this.listChildren.slice(0, -1).filter((c) => c.hasAttribute("accessibility-current")).forEach((c) => c.removeAttribute("accessibility-current"));
+      (_a2 = this.listChildren[this.listChildren.length - 1]) == null ? void 0 : _a2.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) {
+      var _a2;
+      const current = breadcrumbs.findIndex((e) => e === document.activeElement || e === this.shadowRoot.activeElement);
+      const nextIndex = getNextElementIndex(evt, current, breadcrumbs.length);
+      (_a2 = breadcrumbs[nextIndex]) == null ? void 0 : _a2.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.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbBreadcrumbGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9icmVhZGNydW1iL2JyZWFkY3J1bWItZ3JvdXAvYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBnZXROZXh0RWxlbWVudEluZGV4LFxuICBpc0Fycm93S2V5UHJlc3NlZCxcbiAgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLFxufSBmcm9tICcuLi8uLi9jb3JlL2ExMXkuanMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBzZXRPclJlbW92ZUF0dHJpYnV0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IGkxOG5CcmVhZGNydW1iRWxsaXBzaXNCdXR0b25MYWJlbCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQnJlYWRjcnVtYkVsZW1lbnQgfSBmcm9tICcuLi9icmVhZGNydW1iLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYnJlYWRjcnVtYi1ncm91cC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2ljb24uanMnO1xuXG5jb25zdCBNSU5fQlJFQURDUlVNQlNfVE9fQ09MTEFQU0UgPSAzO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLWJyZWFkY3J1bWJgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWJyZWFkY3J1bWJgIGVsZW1lbnRzLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYnJlYWRjcnVtYi1ncm91cCcpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnbmF2aWdhdGlvbicsXG59KVxuY2xhc3MgU2JiQnJlYWRjcnVtYkdyb3VwRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiQnJlYWRjcnVtYkVsZW1lbnQsXG4gIHR5cGVvZiBMaXRFbGVtZW50XG4+KExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gWydzYmItYnJlYWRjcnVtYiddO1xuXG4gIC8qIFRoZSBzdGF0ZSBvZiB0aGUgYnJlYWRjcnVtYiBncm91cC4gKi9cbiAgQHN0YXRlKClcbiAgcHJpdmF0ZSBzZXQgX3N0YXRlKHN0YXRlOiAnY29sbGFwc2VkJyB8ICdtYW51YWxseS1leHBhbmRlZCcgfCBudWxsKSB7XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUodGhpcywgJ2RhdGEtc3RhdGUnLCBzdGF0ZSk7XG4gIH1cbiAgcHJpdmF0ZSBnZXQgX3N0YXRlKCk6ICdjb2xsYXBzZWQnIHwgJ21hbnVhbGx5LWV4cGFuZGVkJyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmdldEF0dHJpYnV0ZSgnZGF0YS1zdGF0ZScpIGFzICdjb2xsYXBzZWQnIHwgJ21hbnVhbGx5LWV4cGFuZGVkJyB8IG51bGw7XG4gIH1cblxuICBwcml2YXRlIF9yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2V2YWx1YXRlQ29sbGFwc2VkU3RhdGUoKSxcbiAgfSk7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfbWFya0ZvckZvY3VzID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgICF0aGlzLmxpc3RDaGlsZHJlbi5sZW5ndGggfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBpZiAodGhpcy5fc3RhdGUgPT09ICdjb2xsYXBzZWQnKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9mb2N1c05leHRDb2xsYXBzZWQoZXZ0KTtcbiAgICAgIH1cbiAgICAgIHRoaXMuX2ZvY3VzTmV4dChldnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIHRoaXMuX3Jlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcyk7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtbG9hZGVkJywgdHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl9zeW5jQnJlYWRjcnVtYnMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgdXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci51cGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB0aGlzLl9ldmFsdWF0ZUNvbGxhcHNlZFN0YXRlKCkpO1xuICAgIH1cbiAgICBpZiAodGhpcy5fbWFya0ZvckZvY3VzICYmIHNiYklucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCcpIHtcbiAgICAgIHRoaXMubGlzdENoaWxkcmVuWzFdPy5mb2N1cygpO1xuXG4gICAgICAvLyBSZXNldCBtYXJrIGZvciBmb2N1c1xuICAgICAgdGhpcy5fbWFya0ZvckZvY3VzID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqIEFwcGx5IHRoZSBhcmlhLWN1cnJlbnQgYXR0cmlidXRlIHRvIHRoZSBsYXN0IHNiYi1icmVhZGNydW1iIGVsZW1lbnQuICovXG4gIHByaXZhdGUgX3N5bmNCcmVhZGNydW1icygpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RDaGlsZHJlblxuICAgICAgLnNsaWNlKDAsIC0xKVxuICAgICAgLmZpbHRlcigoYykgPT4gYy5oYXNBdHRyaWJ1dGUoJ2FjY2Vzc2liaWxpdHktY3VycmVudCcpKVxuICAgICAgLmZvckVhY2goKGMpID0+IGMucmVtb3ZlQXR0cmlidXRlKCdhY2Nlc3NpYmlsaXR5LWN1cnJlbnQnKSk7XG4gICAgdGhpcy5saXN0Q2hpbGRyZW5bdGhpcy5saXN0Q2hpbGRyZW4ubGVuZ3RoIC0gMV0/LnNldEF0dHJpYnV0ZSgnYWNjZXNzaWJpbGl0eS1jdXJyZW50JywgJ3BhZ2UnKTtcblxuICAgIC8vIElmIGl0IGlzIG5vdCBleHBhbmRhYmxlLCByZXNldCBzdGF0ZVxuICAgIGlmICh0aGlzLmxpc3RDaGlsZHJlbi5sZW5ndGggPCBNSU5fQlJFQURDUlVNQlNfVE9fQ09MTEFQU0UpIHtcbiAgICAgIHRoaXMuX3N0YXRlID0gbnVsbDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgZm9jdXMgb24gdGhlIGNvcnJlY3QgZWxlbWVudCB3aGVuIHRoZSBlbGxpcHNpcyBicmVhZGNydW1iIGlzIGRpc3BsYXllZCBhbmQgdGhlIHVzZXIgaXMgbmF2aWdhdGluZyB3aXRoIGtleWJvYXJkJ3MgYXJyb3dzLlxuICAgKi9cbiAgcHJpdmF0ZSBfZm9jdXNOZXh0Q29sbGFwc2VkKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGFycmF5Q29sbGFwc2VkOiBTYmJCcmVhZGNydW1iRWxlbWVudFtdID0gW1xuICAgICAgdGhpcy5saXN0Q2hpbGRyZW5bMF0sXG4gICAgICB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJyNzYmItYnJlYWRjcnVtYi1lbGxpcHNpcycpIGFzIFNiYkJyZWFkY3J1bWJFbGVtZW50LFxuICAgICAgdGhpcy5saXN0Q2hpbGRyZW5bdGhpcy5saXN0Q2hpbGRyZW4ubGVuZ3RoIC0gMV0sXG4gICAgXTtcbiAgICB0aGlzLl9mb2N1c05leHQoZXZ0LCBhcnJheUNvbGxhcHNlZCk7XG4gIH1cblxuICBwcml2YXRlIF9mb2N1c05leHQoXG4gICAgZXZ0OiBLZXlib2FyZEV2ZW50LFxuICAgIGJyZWFkY3J1bWJzOiBTYmJCcmVhZGNydW1iRWxlbWVudFtdID0gdGhpcy5saXN0Q2hpbGRyZW4sXG4gICk6IHZvaWQge1xuICAgIGNvbnN0IGN1cnJlbnQ6IG51bWJlciA9IGJyZWFkY3J1bWJzLmZpbmRJbmRleChcbiAgICAgIChlKSA9PiBlID09PSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IHx8IGUgPT09IHRoaXMuc2hhZG93Um9vdCEuYWN0aXZlRWxlbWVudCxcbiAgICApO1xuICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGJyZWFkY3J1bWJzLmxlbmd0aCk7XG4gICAgYnJlYWRjcnVtYnNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBOb3RlOiBkdWUgdG8gQFN0YXRlIGFubm90YXRpb24gb24gX3N0YXRlLCB0aGlzIG1ldGhvZCB0cmlnZ2VycyBhIG5ldyByZW5kZXI7IGFzIGEgY29uc2VxdWVuY2UsIHRoZSBmb2N1cyBpcyBtb3ZlZFxuICAgKiB0byB0aGUgYGJvZHlgLCBzbyBpZiB0aGUgZWxsaXBzaXMgZWxlbWVudCBoYXMgZm9jdXMsIGl0J3MgYXN5bmNocm9ub3VzbHkgZm9yY2VkIHRvIHRoZSBmaXJzdCBlbGVtZW50LlxuICAgKi9cbiAgcHJpdmF0ZSBfZXhwYW5kQnJlYWRjcnVtYnMoKTogdm9pZCB7XG4gICAgdGhpcy5fc3RhdGUgPSAnbWFudWFsbHktZXhwYW5kZWQnO1xuICAgIHRoaXMuX21hcmtGb3JGb2N1cyA9IHRydWU7XG4gIH1cblxuICAvKiogRXZhbHVhdGUgaWYgdGhlIGV4cGFuZGVkIGJyZWFkY3J1bWIgZWxlbWVudCBmaXRzIGluIHBhZ2Ugd2lkdGgsIG90aGVyd2lzZSBpdCBuZWVkcyBlbGxpcHNpcyAqL1xuICBwcml2YXRlIF9ldmFsdWF0ZUNvbGxhcHNlZFN0YXRlKCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgICF0aGlzLl9zdGF0ZSAmJlxuICAgICAgdGhpcy5zY3JvbGxXaWR0aCA+IHRoaXMub2Zmc2V0V2lkdGggJiZcbiAgICAgIHRoaXMubGlzdENoaWxkcmVuLmxlbmd0aCA+PSBNSU5fQlJFQURDUlVNQlNfVE9fQ09MTEFQU0VcbiAgICApIHtcbiAgICAgIHRoaXMuX3N0YXRlID0gJ2NvbGxhcHNlZCc7XG4gICAgICB0aGlzLl9yZXNpemVPYnNlcnZlci5ob3N0RGlzY29ubmVjdGVkKCk7XG4gICAgICB0aGlzLnJlbW92ZUNvbnRyb2xsZXIodGhpcy5fcmVzaXplT2JzZXJ2ZXIpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3JlbmRlckNvbGxhcHNlZCgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8bGkgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9faXRlbVwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwibGktMFwiPjwvc2xvdD5cbiAgICAgIDwvbGk+XG4gICAgICA8bGkgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9faXRlbVwiIGlkPVwic2JiLWJyZWFkY3J1bWItZ3JvdXAtZWxsaXBzaXNcIj5cbiAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIlxuICAgICAgICAgIGNsYXNzPVwic2JiLWJyZWFkY3J1bWItZ3JvdXBfX2RpdmlkZXItaWNvblwiXG4gICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgaWQ9XCJzYmItYnJlYWRjcnVtYi1lbGxpcHNpc1wiXG4gICAgICAgICAgYXJpYS1sYWJlbD0ke2kxOG5CcmVhZGNydW1iRWxsaXBzaXNCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPVwiZmFsc2VcIlxuICAgICAgICAgIEBjbGljaz0keygpID0+IHRoaXMuX2V4cGFuZEJyZWFkY3J1bWJzKCl9XG4gICAgICAgID5cbiAgICAgICAgICAuLi5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzPVwic2JiLWJyZWFkY3J1bWItZ3JvdXBfX2l0ZW1cIj5cbiAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIlxuICAgICAgICAgIGNsYXNzPVwic2JiLWJyZWFkY3J1bWItZ3JvdXBfX2RpdmlkZXItaWNvblwiXG4gICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICA8c2xvdCBuYW1lPSR7YGxpLSR7dGhpcy5saXN0Q2hpbGRyZW4ubGVuZ3RoIC0gMX1gfT48L3Nsb3Q+XG4gICAgICA8L2xpPlxuICAgIGA7XG4gIH1cblxuICBwcml2YXRlIF9yZW5kZXJFeHBhbmRlZCgpOiBUZW1wbGF0ZVJlc3VsdFtdIHtcbiAgICByZXR1cm4gdGhpcy5saXN0U2xvdEVudHJpZXMoKS5tYXAoXG4gICAgICAoc2xvdCwgaW5kZXgsIGFycmF5KSA9PiBodG1sYFxuICAgICAgICA8bGkgY2xhc3M9XCJzYmItYnJlYWRjcnVtYi1ncm91cF9faXRlbVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9JHtzbG90Lm5hbWV9Pjwvc2xvdD5cbiAgICAgICAgICAke2luZGV4ICE9PSBhcnJheS5sZW5ndGggLSAxXG4gICAgICAgICAgICA/IGh0bWxgPHNiYi1pY29uXG4gICAgICAgICAgICAgICAgbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLWJyZWFkY3J1bWItZ3JvdXBfX2RpdmlkZXItaWNvblwiXG4gICAgICAgICAgICAgID48L3NiYi1pY29uPmBcbiAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgPC9saT5cbiAgICAgIGAsXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPG9sIGNsYXNzPVwic2JiLWJyZWFkY3J1bWItZ3JvdXBcIj5cbiAgICAgICAgJHt0aGlzLl9zdGF0ZSA9PT0gJ2NvbGxhcHNlZCcgPyB0aGlzLl9yZW5kZXJDb2xsYXBzZWQoKSA6IHRoaXMuX3JlbmRlckV4cGFuZGVkKCl9XG4gICAgICA8L29sPlxuICAgICAgJHt0aGlzLnJlbmRlckhpZGRlblNsb3QoKX1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYnJlYWRjcnVtYi1ncm91cCc6IFNiYkJyZWFkY3J1bWJHcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJzdGF0ZSIsIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTJCQSxN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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wCAAwC,CAAC"}
+{"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

@@ -1,4 +1,4 @@
-import { SbbBreadcrumbGroupElement } from "./breadcrumb-group/breadcrumb-group.js";
+import { SbbBreadcrumbGroupElement } from "./breadcrumb-group/breadcrumb-group.component.js";
 export {
   SbbBreadcrumbGroupElement
 };

package/development/breadcrumb/breadcrumb.d.ts

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

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

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

package/development/breadcrumb/breadcrumb.js

@@ -1,4 +1,4 @@
-import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb.js";
+import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb.component.js";
 export {
   SbbBreadcrumbElement
 };

package/development/breadcrumb.js

@@ -1,5 +1,5 @@
-import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.js";
-import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.js";
+import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
+import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
 export {
   SbbBreadcrumbElement,
   SbbBreadcrumbGroupElement

package/development/button/accent-button/accent-button.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a button enhanced with the SBB Design in the 'accent' variant.
+ *
+ * @slot - Use the unnamed slot to add content to the accent-button.
+ * @slot icon - Slot used to display the icon, if one is set
+ */
+export declare class SbbAccentButtonElement extends SbbAccentButtonElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button': SbbAccentButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button.component.d.ts.map

package/development/button/accent-button/accent-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/button/accent-button/accent-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAEpC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/button/accent-button/accent-button.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin } from "../../core/mixins.js";
+import { SbbButtonCommonElementMixin, buttonCommonStyle, buttonAccentStyle } from "../common.js";
+let SbbAccentButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-accent-button")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbButtonCommonElementMixin(SbbDisabledTabIndexActionMixin(SbbButtonBaseElement));
+  _a = class extends _classSuper {
+  }, _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 = [buttonCommonStyle, buttonAccentStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAccentButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZW50LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9idXR0b24vYWNjZW50LWJ1dHRvbi9hY2NlbnQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IGJ1dHRvbkNvbW1vblN0eWxlLCBidXR0b25BY2NlbnRTdHlsZSwgU2JiQnV0dG9uQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGJ1dHRvbiBlbmhhbmNlZCB3aXRoIHRoZSBTQkIgRGVzaWduIGluIHRoZSAnYWNjZW50JyB2YXJpYW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGFjY2VudC1idXR0b24uXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXRcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWFjY2VudC1idXR0b24nKVxuY2xhc3MgU2JiQWNjZW50QnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYkJ1dHRvbkNvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYnV0dG9uQ29tbW9uU3R5bGUsIGJ1dHRvbkFjY2VudFN0eWxlXTtcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hY2NlbnQtYnV0dG9uJzogU2JiQWNjZW50QnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBZU0sMEJBQXNCLE1BQUE7OzBCQUQzQixjQUFjLG1CQUFtQixDQUFDOzs7O0FBQ0UsTUFBQSxjQUFBLDRCQUNuQywrQkFBK0Isb0JBQW9CLENBQUM7QUFEekIsRUFBQSxtQkFBUSxZQUVwQztBQUFBOztBQUZELGlCQUlDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFEd0IsR0FBQSxTQUF5QixDQUFDLG1CQUFtQixpQkFBaUIsR0FIakYsa0JBQXNCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/button/accent-button-link/accent-button-link.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.
+ *
+ * @slot - Use the unnamed slot to add content to the accent-button-link.
+ * @slot icon - Slot used to display the icon, if one is set
+ */
+export declare class SbbAccentButtonLinkElement extends SbbAccentButtonLinkElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button-link': SbbAccentButtonLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button-link.component.d.ts.map

package/development/button/accent-button-link/accent-button-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/button/accent-button-link/accent-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBAEM,0BAA2B,SAAQ,+BAExC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

package/development/button/accent-button-link/accent-button-link.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin, SbbDisabledMixin } from "../../core/mixins.js";
+import { SbbButtonCommonElementMixin, buttonCommonStyle, buttonAccentStyle } from "../common.js";
+let SbbAccentButtonLinkElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-accent-button-link")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbButtonCommonElementMixin(SbbDisabledInteractiveMixin(SbbDisabledMixin(SbbLinkBaseElement)));
+  _a = class extends _classSuper {
+  }, _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 = [buttonCommonStyle, buttonAccentStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAccentButtonLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZW50LWJ1dHRvbi1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2J1dHRvbi9hY2NlbnQtYnV0dG9uLWxpbmsvYWNjZW50LWJ1dHRvbi1saW5rLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZEludGVyYWN0aXZlTWl4aW4sIFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBidXR0b25Db21tb25TdHlsZSwgYnV0dG9uQWNjZW50U3R5bGUsIFNiYkJ1dHRvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBidXR0b24gZW5oYW5jZWQgd2l0aCB0aGUgU0JCIERlc2lnbiBpbiB0aGUgJ2FjY2VudCcgdmFyaWFudCwgd2hpY2ggd2lsbCBiZWhhdmUgYXMgYSBsaW5rLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGFjY2VudC1idXR0b24tbGluay5cbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gZGlzcGxheSB0aGUgaWNvbiwgaWYgb25lIGlzIHNldFxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYWNjZW50LWJ1dHRvbi1saW5rJylcbmNsYXNzIFNiYkFjY2VudEJ1dHRvbkxpbmtFbGVtZW50IGV4dGVuZHMgU2JiQnV0dG9uQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJEaXNhYmxlZEludGVyYWN0aXZlTWl4aW4oU2JiRGlzYWJsZWRNaXhpbihTYmJMaW5rQmFzZUVsZW1lbnQpKSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYnV0dG9uQ29tbW9uU3R5bGUsIGJ1dHRvbkFjY2VudFN0eWxlXTtcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hY2NlbnQtYnV0dG9uLWxpbmsnOiBTYmJBY2NlbnRCdXR0b25MaW5rRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBZU0sOEJBQTBCLE1BQUE7OzBCQUQvQixjQUFjLHdCQUF3QixDQUFDOzs7O29CQUNDLDRCQUN2Qyw0QkFBNEIsaUJBQWlCLGtCQUFrQixDQUFDLENBQUM7QUFEbEMsRUFBQSxtQkFBUSxZQUV4QztBQUFBOztBQUZELGlCQUlDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFEd0IsR0FBQSxTQUF5QixDQUFDLG1CQUFtQixpQkFBaUIsR0FIakYsa0JBQTBCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/button/accent-button-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './accent-button-link/accent-button-link.js';
+export * from './accent-button-link/accent-button-link.component.js';
 //# sourceMappingURL=accent-button-link.d.ts.map

package/development/button/accent-button-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accent-button-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}
+{"version":3,"file":"accent-button-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sDAAsD,CAAC"}

package/development/button/accent-button-link.js

@@ -1,4 +1,4 @@
-import { SbbAccentButtonLinkElement } from "./accent-button-link/accent-button-link.js";
+import { SbbAccentButtonLinkElement } from "./accent-button-link/accent-button-link.component.js";
 export {
   SbbAccentButtonLinkElement
 };

package/development/button/accent-button-static/accent-button-static.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * It displays a static button enhanced with the SBB Design in the 'accent' variant.
+ *
+ * @slot - Use the unnamed slot to add content to the accent-button-static.
+ * @slot icon - Slot used to display the icon, if one is set
+ */
+export declare class SbbAccentButtonStaticElement extends SbbAccentButtonStaticElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button-static': SbbAccentButtonStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button-static.component.d.ts.map

package/development/button/accent-button-static/accent-button-static.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/button/accent-button-static/accent-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,4BAA6B,SAAQ,iCAE1C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/development/button/accent-button-static/accent-button-static.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbActionBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledMixin } from "../../core/mixins.js";
+import { SbbButtonCommonElementMixin, buttonCommonStyle, buttonAccentStyle } from "../common.js";
+let SbbAccentButtonStaticElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-accent-button-static")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbButtonCommonElementMixin(SbbDisabledMixin(SbbActionBaseElement));
+  _a = class extends _classSuper {
+  }, _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 = [buttonCommonStyle, buttonAccentStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAccentButtonStaticElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZW50LWJ1dHRvbi1zdGF0aWMuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvYnV0dG9uL2FjY2VudC1idXR0b24tc3RhdGljL2FjY2VudC1idXR0b24tc3RhdGljLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBidXR0b25Db21tb25TdHlsZSwgYnV0dG9uQWNjZW50U3R5bGUsIFNiYkJ1dHRvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBzdGF0aWMgYnV0dG9uIGVuaGFuY2VkIHdpdGggdGhlIFNCQiBEZXNpZ24gaW4gdGhlICdhY2NlbnQnIHZhcmlhbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYWNjZW50LWJ1dHRvbi1zdGF0aWMuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXRcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWFjY2VudC1idXR0b24tc3RhdGljJylcbmNsYXNzIFNiYkFjY2VudEJ1dHRvblN0YXRpY0VsZW1lbnQgZXh0ZW5kcyBTYmJCdXR0b25Db21tb25FbGVtZW50TWl4aW4oXG4gIFNiYkRpc2FibGVkTWl4aW4oU2JiQWN0aW9uQmFzZUVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtidXR0b25Db21tb25TdHlsZSwgYnV0dG9uQWNjZW50U3R5bGVdO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWFjY2VudC1idXR0b24tc3RhdGljJzogU2JiQWNjZW50QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBZU0sZ0NBQTRCLE1BQUE7OzBCQURqQyxjQUFjLDBCQUEwQixDQUFDOzs7O0FBQ0MsTUFBQSxjQUFBLDRCQUN6QyxpQkFBaUIsb0JBQW9CLENBQUM7QUFETCxFQUFBLG1CQUFRLFlBRTFDO0FBQUE7O0FBRkQsaUJBSUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUR3QixHQUFBLFNBQXlCLENBQUMsbUJBQW1CLGlCQUFpQixHQUhqRixrQkFBNEIsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/button/accent-button-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './accent-button-static/accent-button-static.js';
+export * from './accent-button-static/accent-button-static.component.js';
 //# sourceMappingURL=accent-button-static.d.ts.map

package/development/button/accent-button-static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accent-button-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-static.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gDAAgD,CAAC"}
+{"version":3,"file":"accent-button-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-static.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC"}

package/development/button/accent-button-static.js

@@ -1,4 +1,4 @@
-import { SbbAccentButtonStaticElement } from "./accent-button-static/accent-button-static.js";
+import { SbbAccentButtonStaticElement } from "./accent-button-static/accent-button-static.component.js";
 export {
   SbbAccentButtonStaticElement
 };

package/development/button/accent-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './accent-button/accent-button.js';
+export * from './accent-button/accent-button.component.js';
 //# sourceMappingURL=accent-button.d.ts.map

package/development/button/accent-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accent-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"accent-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}