@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/development/card/common/card-action-common.js

@@ -1,121 +1,2 @@
-import { __runInitializers, __esDecorate } from "tslib";
-import { MutationController } from "@lit-labs/observers/mutation-controller.js";
-import { property } from "lit/decorators.js";
-import { html } from "lit/static-html.js";
-import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
-import { ɵstateController as _stateController } from "../../core/mixins.js";
-import { boxSizingStyles } from "../../core/styles.js";
-import { css } from "lit";
-const style = css`:host {
-  display: block;
-  outline: none !important;
-  position: absolute;
-  inset: 0;
-}
-
-:is(.sbb-card-button, .sbb-card-link) {
-  display: block;
-  position: absolute;
-  inset: 0;
-  border-radius: var(--sbb-card-border-radius);
-  cursor: var(--sbb-cursor-pointer);
-  outline: none;
-}
-:host(:focus-visible) :is(.sbb-card-button, .sbb-card-link), :is(.sbb-card-button, .sbb-card-link):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);
-}
-
-.sbb-screen-reader-only {
-  border: 0;
-  clip-path: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}`;
-const SbbCardActionCommonElementMixin = (superClass) => {
-  let SbbCardActionCommonElement = (() => {
-    var _a;
-    let _classSuper = superClass;
-    let _instanceExtraInitializers = [];
-    let _set_active_decorators;
-    return _a = class extends _classSuper {
-      constructor() {
-        super(...arguments);
-        this._active = (__runInitializers(this, _instanceExtraInitializers), false);
-        this._card = null;
-        this._cardMutationObserver = new MutationController(this, {
-          target: null,
-          config: {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ["href", "tabindex", "disabled", "inert"]
-          },
-          callback: () => this._checkForSlottedActions()
-        });
-      }
-      /** Whether the card is active. */
-      set active(value) {
-        this._active = value;
-        this._onActiveChange();
-      }
-      get active() {
-        return this._active;
-      }
-      _onActiveChange() {
-        if (this._card) {
-          _stateController(this._card).toggle("has-active-action", this.active);
-        }
-      }
-      _checkForSlottedActions() {
-        Array.from(this._card?.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? []).filter((el) => el.localName !== "sbb-card-link" && el.localName !== "sbb-card-button" && !el.classList.contains("sbb-action")).forEach((el) => el.classList.toggle("sbb-action", true));
-      }
-      connectedCallback() {
-        super.connectedCallback();
-        this._card = this.closest?.("sbb-card");
-        if (this._card) {
-          this.slot ||= "action";
-          const controller = _stateController(this._card);
-          controller.add("has-action");
-          controller.toggle("has-active-action", this.active);
-          controller.add(`action-role-${this.actionRole}`);
-          controller.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`);
-          this._checkForSlottedActions();
-          this._cardMutationObserver.observe(this._card);
-        }
-      }
-      disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this._card) {
-          const controller = _stateController(this._card);
-          controller.delete("has-action");
-          controller.delete("has-active-action");
-          controller.delete("action-role-button");
-          controller.delete("action-role-link");
-          this._card.querySelectorAll(`.sbb-action`).forEach((el) => el.classList.remove("sbb-action"));
-          this._card = null;
-        }
-      }
-      renderTemplate() {
-        return html`<span class="sbb-screen-reader-only"><slot></slot></span>`;
-      }
-    }, (() => {
-      const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-      _set_active_decorators = [property({ reflect: true, type: Boolean })];
-      __esDecorate(_a, null, _set_active_decorators, { kind: "setter", name: "active", static: false, private: false, access: { has: (obj) => "active" in obj, set: (obj, value) => {
-        obj.active = value;
-      } }, metadata: _metadata }, null, _instanceExtraInitializers);
-      if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })(), _a.styles = [boxSizingStyles, style], _a;
-  })();
-  return SbbCardActionCommonElement;
-};
-export {
-  SbbCardActionCommonElementMixin
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hY3Rpb24tY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2FyZC9jb21tb24vY2FyZC1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE11dGF0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvbXV0YXRpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyDJtXN0YXRlQ29udHJvbGxlciwgdHlwZSBBYnN0cmFjdENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDYXJkRWxlbWVudCB9IGZyb20gJy4uL2NhcmQvY2FyZC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBhY3RpdmU6IGJvb2xlYW47XG4gIHByb3RlY3RlZCBhY3Rpb25Sb2xlOiAnbGluaycgfCAnYnV0dG9uJztcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgc3VwZXJDbGFzc1xuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGFjdGl2ZS4gKi9cbiAgICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIHNldCBhY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuX2FjdGl2ZSA9IHZhbHVlO1xuICAgICAgdGhpcy5fb25BY3RpdmVDaGFuZ2UoKTtcbiAgICB9XG4gICAgcHVibGljIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICByZXR1cm4gdGhpcy5fYWN0aXZlO1xuICAgIH1cbiAgICBwcml2YXRlIF9hY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIHByb3RlY3RlZCBhYnN0cmFjdCBhY3Rpb25Sb2xlOiAnbGluaycgfCAnYnV0dG9uJztcblxuICAgIHByaXZhdGUgX2NhcmQ6IFNiYkNhcmRFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBfY2FyZE11dGF0aW9uT2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICAgIHRhcmdldDogbnVsbCxcbiAgICAgIGNvbmZpZzoge1xuICAgICAgICBjaGlsZExpc3Q6IHRydWUsXG4gICAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICAgIGF0dHJpYnV0ZUZpbHRlcjogWydocmVmJywgJ3RhYmluZGV4JywgJ2Rpc2FibGVkJywgJ2luZXJ0J10sXG4gICAgICB9LFxuICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrRm9yU2xvdHRlZEFjdGlvbnMoKSxcbiAgICB9KTtcblxuICAgIHByaXZhdGUgX29uQWN0aXZlQ2hhbmdlKCk6IHZvaWQge1xuICAgICAgaWYgKHRoaXMuX2NhcmQpIHtcbiAgICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCkudG9nZ2xlKCdoYXMtYWN0aXZlLWFjdGlvbicsIHRoaXMuYWN0aXZlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCk6IHZvaWQge1xuICAgICAgLy8gV2UgaW50ZW50aW9uYWxseSB1c2UgdG9nZ2xlIGhlcmUsIGFzIGFkZCBjYXVzZXMgYSBNdXRhdGlvbk9ic2VydmVyIGxvb3AuXG4gICAgICBBcnJheS5mcm9tKHRoaXMuX2NhcmQ/LnF1ZXJ5U2VsZWN0b3JBbGw/LihJU19GT0NVU0FCTEVfUVVFUlkpID8/IFtdKVxuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIChlbCkgPT5cbiAgICAgICAgICAgIGVsLmxvY2FsTmFtZSAhPT0gJ3NiYi1jYXJkLWxpbmsnICYmXG4gICAgICAgICAgICBlbC5sb2NhbE5hbWUgIT09ICdzYmItY2FyZC1idXR0b24nICYmXG4gICAgICAgICAgICAhZWwuY2xhc3NMaXN0LmNvbnRhaW5zKCdzYmItYWN0aW9uJyksXG4gICAgICAgIClcbiAgICAgICAgLmZvckVhY2goKGVsOiBFbGVtZW50KSA9PiBlbC5jbGFzc0xpc3QudG9nZ2xlKCdzYmItYWN0aW9uJywgdHJ1ZSkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB0aGlzLl9jYXJkID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi1jYXJkJyk7XG4gICAgICBpZiAodGhpcy5fY2FyZCkge1xuICAgICAgICB0aGlzLnNsb3QgfHw9ICdhY3Rpb24nO1xuICAgICAgICBjb25zdCBjb250cm9sbGVyID0gybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCk7XG4gICAgICAgIGNvbnRyb2xsZXIuYWRkKCdoYXMtYWN0aW9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIudG9nZ2xlKCdoYXMtYWN0aXZlLWFjdGlvbicsIHRoaXMuYWN0aXZlKTtcbiAgICAgICAgY29udHJvbGxlci5hZGQoYGFjdGlvbi1yb2xlLSR7dGhpcy5hY3Rpb25Sb2xlfWApO1xuICAgICAgICBjb250cm9sbGVyLmRlbGV0ZShgYWN0aW9uLXJvbGUtJHt0aGlzLmFjdGlvblJvbGUgPT09ICdidXR0b24nID8gJ2xpbmsnIDogJ2J1dHRvbid9YCk7XG5cbiAgICAgICAgdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpO1xuICAgICAgICB0aGlzLl9jYXJkTXV0YXRpb25PYnNlcnZlci5vYnNlcnZlKHRoaXMuX2NhcmQpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICBpZiAodGhpcy5fY2FyZCkge1xuICAgICAgICBjb25zdCBjb250cm9sbGVyID0gybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY2FyZCk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdoYXMtYWN0aW9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdoYXMtYWN0aXZlLWFjdGlvbicpO1xuICAgICAgICBjb250cm9sbGVyLmRlbGV0ZSgnYWN0aW9uLXJvbGUtYnV0dG9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdhY3Rpb24tcm9sZS1saW5rJyk7XG4gICAgICAgIHRoaXMuX2NhcmRcbiAgICAgICAgICAucXVlcnlTZWxlY3RvckFsbChgLnNiYi1hY3Rpb25gKVxuICAgICAgICAgIC5mb3JFYWNoKChlbCkgPT4gZWwuY2xhc3NMaXN0LnJlbW92ZSgnc2JiLWFjdGlvbicpKTtcbiAgICAgICAgdGhpcy5fY2FyZCA9IG51bGw7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIC8vIER1ZSB0byBwcm9ibGVtcyBkZXRlY3RpbmcgdGhlIGNsaWNrIGV2ZW50IGluIE5WREEgc2NyZWVuIHJlYWRlciwgd2UgY2FuJ3QgdXNlIHRoZSBzYmItc2NyZWVuLXJlYWRlci1vbmx5IGNvbXBvbmVudCBoZXJlXG4gICAgICByZXR1cm4gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIj48c2xvdD48L3Nsb3Q+PC9zcGFuPmA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQ2FyZEFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6WyLJtXN0YXRlQ29udHJvbGxlciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBbUJPLE1BQU0sa0NBQWtDLENBRzdDLGVBQ2dFO01BQ2pELDhCQUEwQixNQUFBOztzQkFDL0I7OztBQURLLFdBQUEsbUJB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
+import { t as SbbCardActionCommonElementMixin } from "../../card-action-common-DqBn3bPy.js";
+export { SbbCardActionCommonElementMixin };

package/development/card/common.js

@@ -1,7 +1,8 @@
-import { SbbCardActionCommonElementMixin } from "./common/card-action-common.js";
+import { t as SbbCardActionCommonElementMixin } from "../card-action-common-DqBn3bPy.js";
+//#region src/elements/card/common.ts
 console.warn(`The entrypoint '@sbb-esta/elements/card/common.js' has been deprecated.
 Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
-export {
-  SbbCardActionCommonElementMixin
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2FyZC9jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5leHBvcnQgKiBmcm9tICcuL2NvbW1vbi9jYXJkLWFjdGlvbi1jb21tb24udHMnO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvY2FyZC9jb21tb24uanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvY2FyZC5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9jYXJkLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUdBLFFBQVEsS0FBSztBQUFBLHNGQUN5RTsifQ==
+//#endregion
+export { SbbCardActionCommonElementMixin };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uL2NhcmQtYWN0aW9uLWNvbW1vbi50cyc7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9jYXJkL2NvbW1vbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9jYXJkLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL2NhcmQucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFHQSxRQUFRLEtBQUs7dUZBQzBFIn0=

package/development/card-action-common-DqBn3bPy.js

@@ -0,0 +1,147 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import { IS_FOCUSABLE_QUERY } from "./core/a11y.js";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+//#region src/elements/card/common/card-action.scss?lit&inline
+var card_action_default = css`:host {
+  display: block;
+  outline: none !important;
+  position: absolute;
+  inset: 0;
+}
+
+:is(.sbb-card-button, .sbb-card-link) {
+  display: block;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--sbb-card-border-radius);
+  cursor: var(--sbb-cursor-pointer);
+  outline: none;
+}
+:host(:focus-visible) :is(.sbb-card-button, .sbb-card-link), :is(.sbb-card-button, .sbb-card-link):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);
+}
+
+.sbb-screen-reader-only {
+  border: 0;
+  clip-path: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+//#endregion
+//#region src/elements/card/common/card-action-common.ts
+var SbbCardActionCommonElementMixin = (superClass) => {
+	return (() => {
+		let _classSuper = superClass;
+		let _instanceExtraInitializers = [];
+		let _set_active_decorators;
+		return class SbbCardActionCommonElement extends _classSuper {
+			constructor() {
+				super(...arguments);
+				this._active = (__runInitializers(this, _instanceExtraInitializers), false);
+				this._card = null;
+				this._cardMutationObserver = new MutationController(this, {
+					target: null,
+					config: {
+						childList: true,
+						subtree: true,
+						attributes: true,
+						attributeFilter: [
+							"href",
+							"tabindex",
+							"disabled",
+							"inert"
+						]
+					},
+					callback: () => this._checkForSlottedActions()
+				});
+			}
+			static {
+				const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+				_set_active_decorators = [property({
+					reflect: true,
+					type: Boolean
+				})];
+				__esDecorate(this, null, _set_active_decorators, {
+					kind: "setter",
+					name: "active",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "active" in obj,
+						set: (obj, value) => {
+							obj.active = value;
+						}
+					},
+					metadata: _metadata
+				}, null, _instanceExtraInitializers);
+				if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+					enumerable: true,
+					configurable: true,
+					writable: true,
+					value: _metadata
+				});
+			}
+			static {
+				this.styles = [boxSizingStyles, card_action_default];
+			}
+			/** Whether the card is active. */
+			set active(value) {
+				this._active = value;
+				this._onActiveChange();
+			}
+			get active() {
+				return this._active;
+			}
+			_onActiveChange() {
+				if (this._card) ɵstateController(this._card).toggle("has-active-action", this.active);
+			}
+			_checkForSlottedActions() {
+				Array.from(this._card?.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? []).filter((el) => el.localName !== "sbb-card-link" && el.localName !== "sbb-card-button" && !el.classList.contains("sbb-action")).forEach((el) => el.classList.toggle("sbb-action", true));
+			}
+			connectedCallback() {
+				super.connectedCallback();
+				this._card = this.closest?.("sbb-card");
+				if (this._card) {
+					this.slot ||= "action";
+					const controller = ɵstateController(this._card);
+					controller.add("has-action");
+					controller.toggle("has-active-action", this.active);
+					controller.add(`action-role-${this.actionRole}`);
+					controller.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`);
+					this._checkForSlottedActions();
+					this._cardMutationObserver.observe(this._card);
+				}
+			}
+			disconnectedCallback() {
+				super.disconnectedCallback();
+				if (this._card) {
+					const controller = ɵstateController(this._card);
+					controller.delete("has-action");
+					controller.delete("has-active-action");
+					controller.delete("action-role-button");
+					controller.delete("action-role-link");
+					this._card.querySelectorAll(`.sbb-action`).forEach((el) => el.classList.remove("sbb-action"));
+					this._card = null;
+				}
+			}
+			renderTemplate() {
+				return html$1`<span class="sbb-screen-reader-only"><slot></slot></span>`;
+			}
+		};
+	})();
+};
+//#endregion
+export { SbbCardActionCommonElementMixin as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hY3Rpb24tY29tbW9uLURxQm4zYlB5LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NvbW1vbi9jYXJkLWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY2FyZC9jb21tb24vY2FyZC1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xufVxuXG46aXMoLnNiYi1jYXJkLWJ1dHRvbiwgLnNiYi1jYXJkLWxpbmspIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICBjdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItcG9pbnRlcik7XG4gIG91dGxpbmU6IG5vbmU7XG5cbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBob3N0IChidXR0b24gdmFyaWFudClcbiAgOmhvc3QoOmZvY3VzLXZpc2libGUpICYsXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgYWN0aW9uIChsaW5rIHZhcmlhbnQpXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cbn1cblxuLnNiYi1zY3JlZW4tcmVhZGVyLW9ubHkge1xuICBAaW5jbHVkZSBzYmIuc2NyZWVuLXJlYWRlci1vbmx5O1xufVxuIiwiaW1wb3J0IHsgTXV0YXRpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9tdXRhdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IElTX0ZPQ1VTQUJMRV9RVUVSWSB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IMm1c3RhdGVDb250cm9sbGVyLCB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNhcmRFbGVtZW50IH0gZnJvbSAnLi4vY2FyZC9jYXJkLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NhcmQtYWN0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlIHtcbiAgcHVibGljIGFjY2Vzc29yIGFjdGl2ZTogYm9vbGVhbjtcbiAgcHJvdGVjdGVkIGFjdGlvblJvbGU6ICdsaW5rJyB8ICdidXR0b24nO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiQ2FyZEFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+LFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQ2FyZEFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBzdXBlckNsYXNzXG4gICAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPlxuICB7XG4gICAgcHVibGljIHN0YXRpYyBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgYWN0aXZlLiAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgICBwdWJsaWMgc2V0IGFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgdGhpcy5fYWN0aXZlID0gdmFsdWU7XG4gICAgICB0aGlzLl9vbkFjdGl2ZUNoYW5nZSgpO1xuICAgIH1cbiAgICBwdWJsaWMgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XG4gICAgfVxuICAgIHByaXZhdGUgX2FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgcHJvdGVjdGVkIGFic3RyYWN0IGFjdGlvblJvbGU6ICdsaW5rJyB8ICdidXR0b24nO1xuXG4gICAgcHJpdmF0ZSBfY2FyZDogU2JiQ2FyZEVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIF9jYXJkTXV0YXRpb25PYnNlcnZlciA9IG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgdGFyZ2V0OiBudWxsLFxuICAgICAgY29uZmlnOiB7XG4gICAgICAgIGNoaWxkTGlzdDogdHJ1ZSxcbiAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgYXR0cmlidXRlRmlsdGVyOiBbJ2hyZWYnLCAndGFiaW5kZXgnLCAnZGlzYWJsZWQnLCAnaW5lcnQnXSxcbiAgICAgIH0sXG4gICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpLFxuICAgIH0pO1xuXG4gICAgcHJpdmF0ZSBfb25BY3RpdmVDaGFuZ2UoKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy5fY2FyZCkge1xuICAgICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLl9jYXJkKS50b2dnbGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgdGhpcy5hY3RpdmUpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX2NoZWNrRm9yU2xvdHRlZEFjdGlvbnMoKTogdm9pZCB7XG4gICAgICAvLyBXZSBpbnRlbnRpb25hbGx5IHVzZSB0b2dnbGUgaGVyZSwgYXMgYWRkIGNhdXNlcyBhIE11dGF0aW9uT2JzZXJ2ZXIgbG9vcC5cbiAgICAgIEFycmF5LmZyb20odGhpcy5fY2FyZD8ucXVlcnlTZWxlY3RvckFsbD8uKElTX0ZPQ1VTQUJMRV9RVUVSWSkgPz8gW10pXG4gICAgICAgIC5maWx0ZXIoXG4gICAgICAgICAgKGVsKSA9PlxuICAgICAgICAgICAgZWwubG9jYWxOYW1lICE9PSAnc2JiLWNhcmQtbGluaycgJiZcbiAgICAgICAgICAgIGVsLmxvY2FsTmFtZSAhPT0gJ3NiYi1jYXJkLWJ1dHRvbicgJiZcbiAgICAgICAgICAgICFlbC5jbGFzc0xpc3QuY29udGFpbnMoJ3NiYi1hY3Rpb24nKSxcbiAgICAgICAgKVxuICAgICAgICAuZm9yRWFjaCgoZWw6IEVsZW1lbnQpID0+IGVsLmNsYXNzTGlzdC50b2dnbGUoJ3NiYi1hY3Rpb24nLCB0cnVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICAgIHRoaXMuX2NhcmQgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLWNhcmQnKTtcbiAgICAgIGlmICh0aGlzLl9jYXJkKSB7XG4gICAgICAgIHRoaXMuc2xvdCB8fD0gJ2FjdGlvbic7XG4gICAgICAgIGNvbnN0IGNvbnRyb2xsZXIgPSDJtXN0YXRlQ29udHJvbGxlcih0aGlzLl9jYXJkKTtcbiAgICAgICAgY29udHJvbGxlci5hZGQoJ2hhcy1hY3Rpb24nKTtcbiAgICAgICAgY29udHJvbGxlci50b2dnbGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgdGhpcy5hY3RpdmUpO1xuICAgICAgICBjb250cm9sbGVyLmFkZChgYWN0aW9uLXJvbGUtJHt0aGlzLmFjdGlvblJvbGV9YCk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKGBhY3Rpb24tcm9sZS0ke3RoaXMuYWN0aW9uUm9sZSA9PT0gJ2J1dHRvbicgPyAnbGluaycgOiAnYnV0dG9uJ31gKTtcblxuICAgICAgICB0aGlzLl9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCk7XG4gICAgICAgIHRoaXMuX2NhcmRNdXRhdGlvbk9ic2VydmVyLm9ic2VydmUodGhpcy5fY2FyZCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICAgIGlmICh0aGlzLl9jYXJkKSB7XG4gICAgICAgIGNvbnN0IGNvbnRyb2xsZXIgPSDJtXN0YXRlQ29udHJvbGxlcih0aGlzLl9jYXJkKTtcbiAgICAgICAgY29udHJvbGxlci5kZWxldGUoJ2hhcy1hY3Rpb24nKTtcbiAgICAgICAgY29udHJvbGxlci5kZWxldGUoJ2hhcy1hY3RpdmUtYWN0aW9uJyk7XG4gICAgICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdhY3Rpb24tcm9sZS1idXR0b24nKTtcbiAgICAgICAgY29udHJvbGxlci5kZWxldGUoJ2FjdGlvbi1yb2xlLWxpbmsnKTtcbiAgICAgICAgdGhpcy5fY2FyZFxuICAgICAgICAgIC5xdWVyeVNlbGVjdG9yQWxsKGAuc2JiLWFjdGlvbmApXG4gICAgICAgICAgLmZvckVhY2goKGVsKSA9PiBlbC5jbGFzc0xpc3QucmVtb3ZlKCdzYmItYWN0aW9uJykpO1xuICAgICAgICB0aGlzLl9jYXJkID0gbnVsbDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgLy8gRHVlIHRvIHByb2JsZW1zIGRldGVjdGluZyB0aGUgY2xpY2sgZXZlbnQgaW4gTlZEQSBzY3JlZW4gcmVhZGVyLCB3ZSBjYW4ndCB1c2UgdGhlIHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgY29tcG9uZW50IGhlcmVcbiAgICAgIHJldHVybiBodG1sYDxzcGFuIGNsYXNzPVwic2JiLXNjcmVlbi1yZWFkZXItb25seVwiPjxzbG90Pjwvc2xvdD48L3NwYW4+YDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYkNhcmRBY3Rpb25Db21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJDYXJkQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNtQkEsSUFBYSxtQ0FHWCxlQUNnRTtBQXNGaEUsZUFyRnlDO29CQUMvQjs7O2VBREssbUNBQ0wsWUFBVTs7O0FBY1YsU0FBQSxXQWZLLGtCQUFBLE1BQUEsMkJBQTBCLEVBZVo7QUFJbkIsU0FBQSxRQUErQjtBQUMvQixTQUFBLHdCQUF3QixJQUFJLG1CQUFtQixNQUFNO0tBQzNELFFBQVE7S0FDUixRQUFRO01BQ04sV0FBVztNQUNYLFNBQVM7TUFDVCxZQUFZO01BQ1osaUJBQWlCO09BQUM7T0FBUTtPQUFZO09BQVk7O01BQ25EO0tBQ0QsZ0JBQWdCLEtBQUsseUJBQUE7S0FDdEIsQ0FBQzs7Ozs4QkF0QkQsU0FBUztLQUFFLFNBQVM7S0FBTSxNQUFNO0tBQVMsQ0FBQyxDQUFBO0FBQzNDLGlCQUFBLE1BQUEsTUFBQSx3QkFBQTtLQUFBLE1BQUE7S0FBQSxNQUFBO0tBQUEsUUFBQTtLQUFBLFNBQUE7S0FBQSxRQUFBO01BQUEsTUFBQSxRQUFBLFlBQUE7TUFBQSxNQUFBLEtBQUEsVUFBQTtBQUFBLFdBQVcsU0FBTTs7TUFBQTtLQUFBLFVBQUE7S0FBQSxFQUFBLE1BQUEsMkJBQUE7Ozs7Ozs7OztBQUpILFNBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsb0JBQU07OztHQUkvRCxJQUFXLE9BQU8sT0FBYztBQUM5QixTQUFLLFVBQVU7QUFDZixTQUFLLGlCQUFpQjs7R0FFeEIsSUFBVyxTQUFNO0FBQ2YsV0FBTyxLQUFLOztHQWtCTixrQkFBZTtBQUNyQixRQUFJLEtBQUssTUFDUCxrQkFBaUIsS0FBSyxNQUFNLENBQUMsT0FBTyxxQkFBcUIsS0FBSyxPQUFPOztHQUlqRSwwQkFBdUI7QUFFN0IsVUFBTSxLQUFLLEtBQUssT0FBTyxtQkFBbUIsbUJBQW1CLElBQUksRUFBRSxDQUFDLENBQ2pFLFFBQ0UsT0FDQyxHQUFHLGNBQWMsbUJBQ2pCLEdBQUcsY0FBYyxxQkFDakIsQ0FBQyxHQUFHLFVBQVUsU0FBUyxhQUFhLENBQ3ZDLENBQ0EsU0FBUyxPQUFnQixHQUFHLFVBQVUsT0FBTyxjQUFjLEtBQUssQ0FBQzs7R0FHdEQsb0JBQWlCO0FBQy9CLFVBQU0sbUJBQW1CO0FBQ3pCLFNBQUssUUFBUSxLQUFLLFVBQVUsV0FBVztBQUN2QyxRQUFJLEtBQUssT0FBTztBQUNkLFVBQUssU0FBUztLQUNkLE1BQU0sYUFBYSxpQkFBaUIsS0FBSyxNQUFNO0FBQy9DLGdCQUFXLElBQUksYUFBYTtBQUM1QixnQkFBVyxPQUFPLHFCQUFxQixLQUFLLE9BQU87QUFDbkQsZ0JBQVcsSUFBSSxlQUFlLEtBQUssYUFBYTtBQUNoRCxnQkFBVyxPQUFPLGVBQWUsS0FBSyxlQUFlLFdBQVcsU0FBUyxXQUFXO0FBRXBGLFVBQUsseUJBQXlCO0FBQzlCLFVBQUssc0JBQXNCLFFBQVEsS0FBSyxNQUFNOzs7R0FJbEMsdUJBQW9CO0FBQ2xDLFVBQU0sc0JBQXNCO0FBQzVCLFFBQUksS0FBSyxPQUFPO0tBQ2QsTUFBTSxhQUFhLGlCQUFpQixLQUFLLE1BQU07QUFDL0MsZ0JBQVcsT0FBTyxhQUFhO0FBQy9CLGdCQUFXLE9BQU8sb0JBQW9CO0FBQ3RDLGdCQUFXLE9BQU8scUJBQXFCO0FBQ3ZDLGdCQUFXLE9BQU8sbUJBQW1CO0FBQ3JDLFVBQUssTUFDRixpQkFBaUIsY0FBYyxDQUMvQixTQUFTLE9BQU8sR0FBRyxVQUFVLE9BQU8sYUFBYSxDQUFDO0FBQ3JELFVBQUssUUFBUTs7O0dBSUUsaUJBQWM7QUFFL0IsV0FBTyxNQUFJIn0=

package/development/card-badge.component-Cs4dow18.js

@@ -0,0 +1,146 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/card/card-badge/card-badge.scss?lit&inline
+var card_badge_default = css`:host {
+  display: flex;
+  position: relative;
+  height: fit-content;
+  width: fit-content;
+  margin-inline-start: auto;
+}
+:host::after {
+  content: "";
+  display: var(--sbb-card-badge-border-display, none);
+  position: absolute;
+  inset: 0;
+  border: var(--sbb-border-width-1x) solid CanvasText;
+}
+:host {
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  padding-inline: var(--sbb-card-badge-padding-inline);
+}
+
+:host([color=white]) {
+  --sbb-card-badge-color: var(--sbb-color-3);
+  --sbb-card-badge-background-color: var(--sbb-background-color-1);
+  --sbb-card-badge-border-color: var(--sbb-color-aluminium);
+  --sbb-card-badge-border-color: light-dark(
+    var(--sbb-color-aluminium),
+    var(--sbb-color-anthracite)
+  );
+}
+
+:host(:dir(rtl)) {
+  --sbb-card-badge-skew: skew(-16deg, 0deg);
+}
+
+.sbb-card-badge-content {
+  font-weight: bold;
+  font-size: var(--sbb-text-font-size-xxs);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-card-badge-gap);
+  color: var(--sbb-card-badge-color);
+}
+
+.sbb-card-badge-background {
+  display: block;
+  position: absolute;
+  inset: 0;
+  background-color: var(--sbb-card-badge-background-color);
+  border-end-start-radius: var(--sbb-card-badge-border-radius);
+  margin-inline-end: calc(var(--sbb-spacing-fixed-3x) * -1);
+  transform: var(--sbb-card-badge-skew);
+}
+.sbb-card-badge-background::before {
+  content: "";
+  display: var(--sbb-card-badge-inline-border-display, block);
+  position: absolute;
+  inset: 0;
+  border-block-end: var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);
+  border-inline-start: var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);
+  border-end-start-radius: var(--sbb-card-badge-border-radius);
+}`;
+//#endregion
+//#region src/elements/card/card-badge/card-badge.component.ts
+/**
+* It displays content within a badge.
+*
+* @slot - Use the unnamed slot to add content to the badge.
+*   Content parts should be wrapped in `<span>` tags to achieve correct spacings.
+*/
+var SbbCardBadgeElement = (() => {
+	let _classSuper = SbbElement;
+	let _color_decorators;
+	let _color_initializers = [];
+	let _color_extraInitializers = [];
+	return class SbbCardBadgeElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_color_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _color_decorators, {
+				kind: "accessor",
+				name: "color",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "color" in obj,
+					get: (obj) => obj.color,
+					set: (obj, value) => {
+						obj.color = value;
+					}
+				},
+				metadata: _metadata
+			}, _color_initializers, _color_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-card-badge";
+		}
+		static {
+			this.role = "text";
+		}
+		static {
+			this.styles = [boxSizingStyles, card_badge_default];
+		}
+		#color_accessor_storage = __runInitializers(this, _color_initializers, "charcoal");
+		/** Color of the card badge. */
+		get color() {
+			return this.#color_accessor_storage;
+		}
+		set color(value) {
+			this.#color_accessor_storage = value;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.slot ||= "badge";
+		}
+		render() {
+			return html`
+      <span class="sbb-card-badge-background" aria-hidden="true"></span>
+      <span class="sbb-card-badge-content">
+        <slot></slot>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _color_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbCardBadgeElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQtQ3M0ZG93MTguanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NhcmQvY2FyZC1iYWRnZS9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcblxuICAvLyBEaXZpZGVyIGxpbmUgdG8gY29udGVudFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogdmFyKC0tc2JiLWNhcmQtYmFkZ2UtYm9yZGVyLWRpc3BsYXksIG5vbmUpO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gIH1cblxuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1jYXJkLWJhZGdlLXBhZGRpbmctaW5saW5lKTtcbn1cblxuOmhvc3QoW2NvbG9yPSd3aGl0ZSddKSB7XG4gIC0tc2JiLWNhcmQtYmFkZ2UtY29sb3I6IHZhcigtLXNiYi1jb2xvci0zKTtcbiAgLS1zYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xKTtcbiAgLS1zYmItY2FyZC1iYWRnZS1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsoXG4gICAgdmFyKC0tc2JiLWNvbG9yLWFsdW1pbml1bSksXG4gICAgdmFyKC0tc2JiLWNvbG9yLWFudGhyYWNpdGUpXG4gICk7XG59XG5cbjpob3N0KDpkaXIocnRsKSkge1xuICAtLXNiYi1jYXJkLWJhZGdlLXNrZXc6IHNrZXcoLTE2ZGVnLCAwZGVnKTtcbn1cblxuLnNiYi1jYXJkLWJhZGdlLWNvbnRlbnQge1xuICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcblxuICBmb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14eHMpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItY2FyZC1iYWRnZS1nYXApO1xuICBjb2xvcjogdmFyKC0tc2JiLWNhcmQtYmFkZ2UtY29sb3IpO1xufVxuXG4uc2JiLWNhcmQtYmFkZ2UtYmFja2dyb3VuZCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLXNiYi1jYXJkLWJhZGdlLWJvcmRlci1yYWRpdXMpO1xuXG4gIC8vIEluY3JlYXNlIHNpemUgdG8gYXZvaWQgbG9va2luZyBjdXQuXG4gIG1hcmdpbi1pbmxpbmUtZW5kOiBjYWxjKHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KSAqIC0xKTtcbiAgdHJhbnNmb3JtOiB2YXIoLS1zYmItY2FyZC1iYWRnZS1za2V3KTtcblxuICAvLyBTZXQgYm9yZGVyIGlubGluZSB0byB0aGUgYmFkZ2VcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiB2YXIoLS1zYmItY2FyZC1iYWRnZS1pbmxpbmUtYm9yZGVyLWRpc3BsYXksIGJsb2NrKTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQ6IDA7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tc2JiLWNhcmQtYmFkZ2UtYm9yZGVyLXdpZHRoKSBzb2xpZCB2YXIoLS1zYmItY2FyZC1iYWRnZS1ib3JkZXItY29sb3IpO1xuICAgIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1jYXJkLWJhZGdlLWJvcmRlci13aWR0aCkgc29saWQgdmFyKC0tc2JiLWNhcmQtYmFkZ2UtYm9yZGVyLWNvbG9yKTtcbiAgICBib3JkZXItZW5kLXN0YXJ0LXJhZGl1czogdmFyKC0tc2JiLWNhcmQtYmFkZ2UtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cbiIsImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkNhcmRCYWRnZUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1jYXJkLWJhZGdlJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3RleHQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjYXJkIGJhZGdlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2NoYXJjb2FsJyB8ICd3aGl0ZScgPSAnY2hhcmNvYWwnO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ2JhZGdlJztcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1jb250ZW50XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZC1iYWRnZSc6IFNiYkNhcmRCYWRnZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNlYSw2QkFBbUI7bUJBQVM7Ozs7Y0FBNUIsNEJBQTRCLFlBQVU7Ozt3QkFNaEQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBTGxCLFFBQUEsY0FBc0I7OztBQUN0QixRQUFBLE9BQU87OztBQUNoQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLG1CQUFNOztFQUczQywwQkFBQSxrQkFBQSxNQUFBLHFCQUE4QyxXQUFVOztFQUF4RCxJQUFnQixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUVsQyxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFDekIsUUFBSyxTQUFTOztFQUdHLFNBQU07QUFDdkIsVUFBTyxJQUFJIn0=