@sbb-esta/lyne-elements 4.0.0-next.3 → 4.0.0-next.4

package/development/card/card/card.component.d.ts

@@ -1,4 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+declare const SbbCardElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays content related to a single subject.
  *
@@ -6,13 +7,8 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
  * @slot badge - Use this slot to render a `sbb-card-badge` component.
  * @slot action - Use this slot to render a `sbb-card-button` or a `sbb-card-link` component.
  */
-export declare class SbbCardElement extends LitElement {
+export declare class SbbCardElement extends SbbCardElement_base {
     static styles: CSSResultGroup;
-    /**
-     * Size variant, either xs, s, m, l, xl, xxl or xxxl.
-     * @default 'm' / 'xs' (lean)
-     */
-    accessor size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
     /** Option to set the component's background color. */
     accessor color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
     protected render(): TemplateResult;
@@ -22,4 +18,5 @@ declare global {
         'sbb-card': SbbCardElement;
     }
 }
+export {};
 //# sourceMappingURL=card.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;;;GAMG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;;OAGG;IACH,SAA6C,IAAI,EAC7C,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,MAAM,CAAyB;IAEnC,sDAAsD;IACtD,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;cAEzB,MAAM,IAAI,cAAc;CAa5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAQvC;;;;;;GAMG;AACH,qBAEM,cAAe,SAAQ,mBAAoC;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,sDAAsD;IACtD,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;cAEzB,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/card/card/card.component.js

@@ -8,31 +8,37 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 import { __esDecorate, __runInitializers } from "tslib";
 import { css, LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { isLean } from "../../core/dom.js";
+import { SbbElementInternalsMixin } from "../../core/mixins.js";
 import { boxSizingStyles } from "../../core/styles.js";
 const style = css`:host {
-  display: block;
-  --sbb-card-background-color: var(--sbb-background-color-1);
-  --sbb-card-border-radius: var(--sbb-border-radius-4x);
-  --sbb-card-animation-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-1x)
-  );
-  --sbb-card-animation-easing: var(--sbb-animation-easing);
-  --sbb-card-border-color: transparent;
-  --sbb-card-border-style: solid;
-  --sbb-card-hover-shift: 0;
   --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
   --sbb-focus-outline-color: light-dark(
     var(--sbb-focus-outline-color-default),
     var(--sbb-focus-outline-color-dark)
   );
+  --sbb-title-text-color-normal-override: var(--sbb-card-color);
+  --sbb-card-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-1x)
+  );
+  display: block;
+  position: relative;
+  padding-inline: var(--sbb-card-padding-inline);
+  padding-block: var(--sbb-card-padding-block);
+  border-radius: var(--sbb-card-border-radius);
+  background-color: var(--sbb-card-background-color);
+  box-shadow: none;
+  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
+  color: var(--sbb-card-color);
 }
-@media (forced-colors: active) {
-  :host {
-    --sbb-card-border-color: CanvasText;
-    --sbb-card-border-width: var(--sbb-border-width-2x);
-  }
+:host::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  border: var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);
+  border-radius: var(--sbb-card-border-radius);
+  pointer-events: none;
 }
 
 :host([color=milk]) {
@@ -56,187 +62,132 @@ const style = css`:host {
   --sbb-focus-outline-color: inherit;
 }
 
-:host([data-has-active-action]) {
+:host(:is(:state(has-active-action),[state--has-active-action])) {
   --sbb-card-border-color: var(--sbb-border-color-3);
   --sbb-card-border-width: var(--sbb-border-width-2x);
   --sbb-card-border-style: solid;
 }
 @media (forced-colors: active) {
-  :host([data-has-active-action]) {
+  :host(:is(:state(has-active-action),[state--has-active-action])) {
     --sbb-card-border-color: Highlight;
   }
 }
 
-:host([size=xs]) {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
-}
-
-:host([size=s]) {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+:host(:is(:state(has-action),[state--has-action])) {
+  --sbb-card-pointer-events: none;
 }
 
-:host([size=m]) {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-s);
-  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+@media (any-hover: hover) {
+  :host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover) {
+    --sbb-card-hover-shift: -0.125rem;
+    box-shadow: var(--sbb-box-shadow-level-9-hard);
+  }
 }
-
-:host([size=m][data-has-card-badge]) {
-  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
-  --sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs);
+@media (any-hover: hover) and (forced-colors: active) {
+  :host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover) {
+    --sbb-card-border-color: Highlight;
+  }
 }
 
-:host([size=l]) {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+@media (forced-colors: active) {
+  :host(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button])) {
+    --sbb-card-color: ButtonText;
+  }
 }
 
-:host([size=l][data-has-card-badge]) {
-  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
-  --sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x);
+@media (forced-colors: active) {
+  :host(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link])) {
+    --sbb-card-color: LinkText;
+  }
 }
 
-:host([size=xl]) {
+:host(.sbb-card-spacing-3x-xxs) {
+  --sbb-card-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);
   --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
 }
 
-:host([size=xl][data-has-card-badge]) {
-  --sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);
-  --sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs);
+:host(.sbb-card-spacing-xxxs-xxs) {
+  --sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x)
+    var(--sbb-spacing-responsive-xxxs);
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
 }
 
-:host([size=xxl]) {
+:host(.sbb-card-spacing-xxxs-s) {
+  --sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x)
+    var(--sbb-spacing-responsive-xxxs);
   --sbb-card-padding-inline: var(--sbb-spacing-responsive-s);
-  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
 }
 
-:host([size=xxxl]) {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-l);
-  --sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);
-  --sbb-card-padding-block-end: var(--sbb-card-padding-block-start);
+:host(.sbb-card-spacing-4x-xxs) {
+  --sbb-card-padding-block: var(--sbb-spacing-fixed-4x);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
 }
 
-@media (forced-colors: active) {
-  :host([data-has-action]) {
-    --sbb-title-text-color-normal-override: var(--sbb-card-color);
-  }
+:host(.sbb-card-spacing-xxs) {
+  --sbb-card-padding-block: var(--sbb-spacing-responsive-xxs);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
 }
 
-@media (any-hover: hover) {
-  :host([data-has-action]:not([data-has-active-action]):hover) {
-    --sbb-card-hover-shift: -0.125rem;
-  }
-  :host([data-has-action]:not([data-has-active-action]):hover) .sbb-card {
-    box-shadow: var(--sbb-box-shadow-level-9-hard);
-  }
-}
-@media (any-hover: hover) and (forced-colors: active) {
-  :host([data-has-action]:not([data-has-active-action]):hover) {
-    --sbb-card-border-color: Highlight;
-  }
+:host(.sbb-card-spacing-s) {
+  --sbb-card-padding-block: var(--sbb-spacing-responsive-s);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-s);
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-s);
 }
 
-@media (forced-colors: active) {
-  :host([data-has-action][data-action-role=button]) {
-    --sbb-card-color: ButtonText;
-  }
+:host(.sbb-card-spacing-l) {
+  --sbb-card-padding-block: var(--sbb-spacing-responsive-l);
+  --sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-l);
+  --sbb-card-padding-inline: var(--sbb-spacing-responsive-l);
 }
 
-@media (forced-colors: active) {
-  :host([data-has-action][data-action-role=link]) {
-    --sbb-card-color: LinkText;
-  }
-}
-
-.sbb-card {
-  width: 100%;
-  height: 100%;
-  display: block;
-  position: relative;
-  padding-inline: var(--sbb-card-padding-inline);
-  padding-block: var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);
-  border-radius: var(--sbb-card-border-radius);
-  background-color: var(--sbb-card-background-color);
-  box-shadow: none;
-  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
-  color: var(--sbb-card-color);
-}
-.sbb-card::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background-color: transparent;
-  border: var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);
-  border-radius: var(--sbb-card-border-radius);
-  pointer-events: none;
+:host(:is(:state(slotted-badge),[state--slotted-badge])) {
+  --sbb-card-padding-block: var(--sbb-card-with-badge-padding-block);
+  --sbb-card-badge-display: block;
 }
 
 .sbb-card__wrapper {
   display: block;
   height: 100%;
-}
-:host([data-has-action]) .sbb-card__wrapper {
-  pointer-events: none;
-  transform: translateY(var(--sbb-card-hover-shift));
-  transition: transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
+  pointer-events: var(--sbb-card-pointer-events, auto);
+  translate: 0 var(--sbb-card-hover-shift);
+  transition: translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);
 }
 
 .sbb-card__badge-wrapper {
+  display: var(--sbb-card-badge-display, none);
   overflow: hidden;
   position: absolute;
   inset: 0;
   inset-block-end: unset;
   border-start-start-radius: var(--sbb-card-border-radius);
   border-start-end-radius: var(--sbb-card-border-radius);
-}
-:host([data-has-action]) .sbb-card__badge-wrapper {
-  pointer-events: none;
-}
-:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper {
-  display: none;
+  pointer-events: var(--sbb-card-pointer-events, auto);
 }
 
 ::slotted(sbb-title) {
   margin-block-start: 0;
 }`;
 let SbbCardElement = (() => {
-  var _size_accessor_storage, _color_accessor_storage, _a;
+  var _color_accessor_storage, _a;
   let _classDecorators = [customElement("sbb-card")];
   let _classDescriptor;
   let _classExtraInitializers = [];
   let _classThis;
-  let _classSuper = LitElement;
-  let _size_decorators;
-  let _size_initializers = [];
-  let _size_extraInitializers = [];
+  let _classSuper = SbbElementInternalsMixin(LitElement);
   let _color_decorators;
   let _color_initializers = [];
   let _color_extraInitializers = [];
   _a = class extends _classSuper {
     constructor() {
       super(...arguments);
-      __privateAdd(this, _size_accessor_storage, __runInitializers(this, _size_initializers, isLean() ? "xs" : "m"));
-      __privateAdd(this, _color_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "white")));
+      __privateAdd(this, _color_accessor_storage, __runInitializers(this, _color_initializers, "white"));
       __runInitializers(this, _color_extraInitializers);
     }
-    /**
-     * Size variant, either xs, s, m, l, xl, xxl or xxxl.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return __privateGet(this, _size_accessor_storage);
-    }
-    set size(value) {
-      __privateSet(this, _size_accessor_storage, value);
-    }
     /** Option to set the component's background color. */
     get color() {
       return __privateGet(this, _color_accessor_storage);
@@ -246,24 +197,18 @@ let SbbCardElement = (() => {
     }
     render() {
       return html`
-      <span class="sbb-card">
-        <slot name="action"></slot>
-        <span class="sbb-card__wrapper">
-          <slot></slot>
-        </span>
-        <span class="sbb-card__badge-wrapper">
-          <slot name="badge"></slot>
-        </span>
+      <slot name="action"></slot>
+      <span class="sbb-card__wrapper">
+        <slot></slot>
+      </span>
+      <span class="sbb-card__badge-wrapper">
+        <slot name="badge"></slot>
       </span>
     `;
     }
-  }, _size_accessor_storage = new WeakMap(), _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+  }, _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
     const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _size_decorators = [property({ reflect: true })];
     _color_decorators = [property({ reflect: true })];
-    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
-      obj.size = value;
-    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
     __esDecorate(_a, 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);
@@ -276,4 +221,4 @@ let SbbCardElement = (() => {
 export {
   SbbCardElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHhzLCBzLCBtLCBsLCB4bCwgeHhsIG9yIHh4eGwuXG4gICAqIEBkZWZhdWx0ICdtJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOlxuICAgIHwgJ3hzJ1xuICAgIHwgJ3MnXG4gICAgfCAnbSdcbiAgICB8ICdsJ1xuICAgIHwgJ3hsJ1xuICAgIHwgJ3h4bCdcbiAgICB8ICd4eHhsJyA9IGlzTGVhbigpID8gJ3hzJyA6ICdtJztcblxuICAvKiogT3B0aW9uIHRvIHNldCB0aGUgY29tcG9uZW50J3MgYmFja2dyb3VuZCBjb2xvci4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6XG4gICAgfCAnd2hpdGUnXG4gICAgfCAnbWlsaydcbiAgICB8ICd0cmFuc3BhcmVudC1ib3JkZXJlZCdcbiAgICB8ICd0cmFuc3BhcmVudC1ib3JkZXJlZC1kYXNoZWQnID0gJ3doaXRlJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImFjdGlvblwiPjwvc2xvdD5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZF9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX19iYWRnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImJhZGdlXCI+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNhcmQnOiBTYmJDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLGtCQUFjLE1BQUE7OzBCQURuQixjQUFjLFVBQVUsQ0FBQzs7OztvQkFDRzs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQU9SLGlEQUFBLGtCQUFBLE1BQUEsb0JBT2hCLE9BQUEsSUFBVyxPQUFPLEdBQUc7QUFHTCxtREFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQUEsa0JBQUEsTUFBQSxxQkFJTyxPQUFPOzs7Ozs7O0lBZGQsSUFBZ0IsT0FBSTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQVVwQixJQUFnQixRQUFLO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQSxJQU0vQixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBV1Q7QUFBQSxLQTVCNkIsd0NBVUE7O0FBVjVCLHVCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFVM0Isd0JBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQVZDLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE1BQUksS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxvQkFBQSx1QkFBQTtBQVVwQixpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFqQnBELGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRG5FLGtCQUFBLFlBQUEsdUJBQUEsR0FBZTs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogT3B0aW9uIHRvIHNldCB0aGUgY29tcG9uZW50J3MgYmFja2dyb3VuZCBjb2xvci4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6XG4gICAgfCAnd2hpdGUnXG4gICAgfCAnbWlsaydcbiAgICB8ICd0cmFuc3BhcmVudC1ib3JkZXJlZCdcbiAgICB8ICd0cmFuc3BhcmVudC1ib3JkZXJlZC1kYXNoZWQnID0gJ3doaXRlJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90IG5hbWU9XCJhY3Rpb25cIj48L3Nsb3Q+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX193cmFwcGVyXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRfX2JhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImJhZGdlXCI+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJkJzogU2JiQ2FyZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFrQk0sa0JBQWMsTUFBQTs7MEJBRG5CLGNBQWMsVUFBVSxDQUFDOzs7O29CQUNHLHlCQUF5QixVQUFVOzs7O0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQTs7QUFJbEMsa0RBQUEsa0JBQUEsTUFBQSxxQkFJTyxPQUFPOzs7O0lBSmQsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFNL0IsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBU1Q7QUFBQSxLQWhCNkI7O0FBQTVCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFBQyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFKcEQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FEbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFlOzs7In0=

package/development/card/card-badge/card-badge.component.d.ts

@@ -11,9 +11,7 @@ export declare class SbbCardBadgeElement extends SbbCardBadgeElement_base {
     static styles: CSSResultGroup;
     /** Color of the card badge. */
     accessor color: 'charcoal' | 'white';
-    private _parentElement?;
     connectedCallback(): void;
-    disconnectedCallback(): void;
     protected render(): TemplateResult;
 }
 declare global {

package/development/card/card-badge/card-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-badge.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card-badge/card-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAQvC;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAAoC;IACpE,gBAAgC,IAAI,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,+BAA+B;IAC/B,SAA6C,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAEtF,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"card-badge.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/card-badge/card-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAQvC;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAAoC;IACpE,gBAAgC,IAAI,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,+BAA+B;IAC/B,SAA6C,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAEtE,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

@@ -5,17 +5,29 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __runInitializers, __esDecorate } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { css, LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { SbbElementInternalsMixin } from "../../core/mixins.js";
 import { boxSizingStyles } from "../../core/styles.js";
 const style = css`:host {
-  --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
-  --sbb-card-badge-color: var(--sbb-color-2-inverted);
-  --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
-  --sbb-card-badge-border-color: transparent;
-  display: block;
+  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]) {
@@ -28,38 +40,14 @@ const style = css`:host {
   );
 }
 
-.sbb-card-badge-wrapper {
-  display: flex;
-  position: relative;
-  height: fit-content;
-  justify-content: end;
-}
-@media (forced-colors: active) {
-  .sbb-card-badge-wrapper::after {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    border-block-end: var(--sbb-border-width-1x) solid CanvasText;
-  }
-}
-
-.sbb-card-badge {
-  position: relative;
-  display: flex;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-  padding-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x);
+:host(:dir(rtl)) {
+  --sbb-card-badge-skew: skew(-16deg, 0deg);
 }
 
 .sbb-card-badge-content {
-  --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);
   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;
@@ -68,31 +56,22 @@ const style = css`:host {
 }
 
 .sbb-card-badge-background {
-  content: "";
   display: block;
   position: absolute;
   inset: 0;
   background-color: var(--sbb-card-badge-background-color);
-  border-end-start-radius: var(--sbb-border-radius-4x);
+  border-end-start-radius: var(--sbb-card-badge-border-radius);
   margin-inline-end: calc(var(--sbb-spacing-fixed-3x) * -1);
-  transform: skew(16deg, 0deg);
-}
-:host(:dir(rtl)) .sbb-card-badge-background {
-  transform: skew(-16deg, 0deg);
+  transform: var(--sbb-card-badge-skew);
 }
 .sbb-card-badge-background::before {
   content: "";
-  display: block;
+  display: var(--sbb-card-badge-inline-border-display, block);
   position: absolute;
   inset: 0;
-  border-block-end: var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);
-  border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);
-  border-end-start-radius: var(--sbb-border-radius-4x);
-}
-@media (forced-colors: active) {
-  .sbb-card-badge-background::before {
-    border: none;
-  }
+  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);
 }`;
 let SbbCardBadgeElement = (() => {
   var _color_accessor_storage, _a;
@@ -107,9 +86,8 @@ let SbbCardBadgeElement = (() => {
   _a = class extends _classSuper {
     constructor() {
       super(...arguments);
-      __privateAdd(this, _color_accessor_storage);
-      __privateSet(this, _color_accessor_storage, __runInitializers(this, _color_initializers, "charcoal"));
-      this._parentElement = __runInitializers(this, _color_extraInitializers);
+      __privateAdd(this, _color_accessor_storage, __runInitializers(this, _color_initializers, "charcoal"));
+      __runInitializers(this, _color_extraInitializers);
     }
     /** Color of the card badge. */
     get color() {
@@ -121,27 +99,12 @@ let SbbCardBadgeElement = (() => {
     connectedCallback() {
       super.connectedCallback();
       this.slot ||= "badge";
-      this._parentElement = this.parentElement;
-      if (this._parentElement) {
-        this._parentElement.toggleAttribute("data-has-card-badge", true);
-      }
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      if (this._parentElement) {
-        this._parentElement.removeAttribute("data-has-card-badge");
-      }
-      this._parentElement = void 0;
     }
     render() {
       return html`
-      <span class="sbb-card-badge-wrapper">
-        <span class="sbb-card-badge">
-          <span class="sbb-card-badge-background" aria-hidden="true"></span>
-          <span class="sbb-card-badge-content">
-            <slot></slot>
-          </span>
-        </span>
+      <span class="sbb-card-badge-background" aria-hidden="true"></span>
+      <span class="sbb-card-badge-content">
+        <slot></slot>
       </span>
     `;
     }
@@ -160,4 +123,4 @@ let SbbCardBadgeElement = (() => {
 export {
   SbbCardBadgeElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBDb2xvciBvZiB0aGUgY2FyZCBiYWRnZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICdjaGFyY29hbCcgfCAnd2hpdGUnID0gJ2NoYXJjb2FsJztcblxuICBwcml2YXRlIF9wYXJlbnRFbGVtZW50PzogSFRNTEVsZW1lbnQgfCBudWxsO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ2JhZGdlJztcbiAgICB0aGlzLl9wYXJlbnRFbGVtZW50ID0gdGhpcy5wYXJlbnRFbGVtZW50O1xuICAgIGlmICh0aGlzLl9wYXJlbnRFbGVtZW50KSB7XG4gICAgICB0aGlzLl9wYXJlbnRFbGVtZW50LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1oYXMtY2FyZC1iYWRnZScsIHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGlmICh0aGlzLl9wYXJlbnRFbGVtZW50KSB7XG4gICAgICB0aGlzLl9wYXJlbnRFbGVtZW50LnJlbW92ZUF0dHJpYnV0ZSgnZGF0YS1oYXMtY2FyZC1iYWRnZScpO1xuICAgIH1cbiAgICB0aGlzLl9wYXJlbnRFbGVtZW50ID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtYmFja2dyb3VuZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZC1iYWRnZSc6IFNiYkNhcmRCYWRnZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQk0sdUJBQW1CLE1BQUE7OzBCQUR4QixjQUFjLGdCQUFnQixDQUFDOzs7O29CQUNFLHlCQUF5QixVQUFVOzs7O0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQTs7QUFLdkM7QUFBZ0IseUJBQUEseUJBQUEsa0JBQUEsTUFBQSxxQkFBOEIsVUFBVTtBQUU3RSxXQUFBLGlCQUFjLGtCQUFBLE1BQUEsd0JBQUE7QUFBQSxJQStCeEI7QUFBQTtBQUFBLElBakMrQixJQUFnQixRQUFLO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQSxJQUlsQyxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssU0FBUztBQUNkLFdBQUssaUJBQWlCLEtBQUs7QUFDM0IsVUFBSSxLQUFLLGdCQUFnQjtBQUN2QixhQUFLLGVBQWUsZ0JBQWdCLHVCQUF1QixJQUFJO0FBQUEsTUFDakU7QUFBQSxJQUNGO0FBQUEsSUFFZ0IsdUJBQW9CO0FBQ2xDLFlBQU0scUJBQUE7QUFDTixVQUFJLEtBQUssZ0JBQWdCO0FBQ3ZCLGFBQUssZUFBZSxnQkFBZ0IscUJBQXFCO0FBQUEsTUFDM0Q7QUFDQSxXQUFLLGlCQUFpQjtBQUFBLElBQ3hCO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFVVDtBQUFBLEtBaEM2Qjs7QUFBNUIsd0JBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFDLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE9BQUssS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxxQkFBQSx3QkFBQTtBQUxwRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ2tDLEdBQUEsT0FBTyxRQUNoQixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FGbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFvQjs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBDb2xvciBvZiB0aGUgY2FyZCBiYWRnZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICdjaGFyY29hbCcgfCAnd2hpdGUnID0gJ2NoYXJjb2FsJztcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnNsb3QgfHw9ICdiYWRnZSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtYmFja2dyb3VuZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNhcmQtYmFkZ2UnOiBTYmJDYXJkQmFkZ2VFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJNLHVCQUFtQixNQUFBOzswQkFEeEIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTs7OztBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUE7O0FBS3ZDLGtEQUFBLGtCQUFBLE1BQUEscUJBQThDLFVBQVU7Ozs7SUFBeEQsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFbEMsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFBQSxJQUNoQjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU1UO0FBQUEsS0FkNkI7O0FBQTVCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFBQyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFMcEQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUNrQyxHQUFBLE9BQU8sUUFDaEIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRm5FLGtCQUFBLFlBQUEsdUJBQUEsR0FBb0I7OzsifQ==

package/development/card/common/card-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,MAAM,CAAC,OAAO,OAAO,mCAAmC;IACtD,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAgF7D,CAAC"}
+{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMlF,MAAM,CAAC,OAAO,OAAO,mCAAmC;IACtD,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAwF7D,CAAC"}