@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/development/tabs/tab-label/tab-label.js

@@ -0,0 +1,316 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { slotState, forceType, omitEmptyConverter } from "../../core/decorators.js";
+import { SbbDisabledMixin } from "../../core/mixins.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-tab-label-height: var(--sbb-size-element-m);
+  --sbb-tab-label-color: var(--sbb-color-granite);
+  --sbb-tab-label-icon-color: var(--sbb-color-black);
+  --sbb-tab-label-background-color: var(--sbb-color-white);
+  --sbb-tab-label-cursor: pointer;
+  --sbb-tab-label-pointer-events: unset;
+  --sbb-tab-label-inset: 0;
+  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-tab-label-marker-transform: scale(0);
+  --sbb-tab-label-text-decoration: none;
+  --sbb-tab-label-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-tab-label-animation-easing: var(--sbb-animation-easing);
+  --sbb-tab-label-amount-color: var(--sbb-color-metal);
+  display: inline-block;
+  max-width: 100%;
+  pointer-events: var(--sbb-tab-label-pointer-events);
+  -webkit-tap-highlight-color: transparent;
+  outline: none !important;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-tab-label-color: ButtonText;
+    --sbb-tab-label-icon-color: ButtonText;
+    --sbb-tab-label-amount-color: ButtonText;
+  }
+}
+
+:host([data-size=s]) {
+  --sbb-tab-label-height: var(--sbb-size-element-xs);
+  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host([disabled]) {
+  --sbb-tab-label-icon-color: var(--sbb-color-granite);
+  --sbb-tab-label-background-color: var(--sbb-color-milk);
+  --sbb-tab-label-cursor: unset;
+  --sbb-tab-label-pointer-events: none;
+  --sbb-tab-label-text-decoration: line-through;
+}
+@media (forced-colors: active) {
+  :host([disabled]) {
+    --sbb-tab-label-color: GrayText;
+    --sbb-tab-label-icon-color: GrayText;
+    --sbb-tab-label-amount-color: GrayText;
+  }
+}
+
+:host([active]:not([disabled])) {
+  --sbb-tab-label-color: var(--sbb-color-charcoal);
+  --sbb-tab-label-icon-color: var(--sbb-tab-label-color);
+  --sbb-tab-label-background-color: var(--sbb-color-black);
+  --sbb-tab-label-cursor: unset;
+  --sbb-tab-label-pointer-events: none;
+  --sbb-tab-label-marker-transform: scale(1);
+}
+@media (forced-colors: active) {
+  :host([active]:not([disabled])) {
+    --sbb-tab-label-color: ButtonText;
+    --sbb-tab-label-icon-color: ButtonText;
+    --sbb-tab-label-amount-color: ButtonText;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not([disabled])) {
+    --sbb-tab-label-marker-transform: scale(1);
+  }
+}
+
+:host(:is([data-active], :active)) {
+  --sbb-tab-label-color: var(--sbb-color-charcoal);
+}
+
+.sbb-tab-label__wrapper {
+  position: relative;
+}
+:host(:focus-visible) .sbb-tab-label__wrapper::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  content: "";
+  position: absolute;
+  display: block;
+  inset: 0;
+  z-index: 1;
+  border-radius: calc(var(--sbb-border-radius-2x) - var(--sbb-focus-outline-offset));
+}
+
+.sbb-tab-label {
+  position: relative;
+  margin: 0;
+  min-height: var(--sbb-tab-label-height);
+  display: flex;
+  align-items: center;
+  padding-inline: var(--sbb-tab-label-inline-padding);
+  gap: var(--sbb-spacing-fixed-2x);
+  user-select: none;
+  cursor: var(--sbb-tab-label-cursor);
+  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
+  color: var(--sbb-tab-label-icon-color);
+}
+:host([data-has-divider]) .sbb-tab-label::after {
+  content: "";
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block-end: 0;
+  width: var(--sbb-tab-group-width);
+  height: var(--sbb-border-width-1x);
+  background-color: var(--sbb-color-cloud);
+}
+.sbb-tab-label::before {
+  position: absolute;
+  content: "";
+  inset-inline: 0;
+  inset-block-end: 0;
+  height: 0.1875rem;
+  background-color: var(--sbb-tab-label-color);
+  transform: var(--sbb-tab-label-marker-transform);
+  transition-duration: var(--sbb-tab-label-animation-duration);
+  transition-timing-function: var(--sbb-tab-label-animation-easing);
+  transition-property: transform, background-color;
+  z-index: 1;
+}
+
+.sbb-tab-label__icon,
+.sbb-tab-label__text,
+.sbb-tab-label__amount {
+  text-decoration: var(--sbb-tab-label-text-decoration);
+}
+
+.sbb-tab-label__icon {
+  display: flex;
+  flex-shrink: 0;
+  color: var(--sbb-tab-label-color);
+  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
+}
+:host(:not([data-slot-names~=icon], [icon-name])) .sbb-tab-label__icon {
+  display: none;
+}
+
+.sbb-tab-label__text {
+  color: var(--sbb-tab-label-color);
+  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  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);
+  font-weight: bold;
+}
+:host([data-size=s]) .sbb-tab-label__text {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  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);
+  font-weight: bold;
+}
+:host([data-size=xl]) .sbb-tab-label__text {
+  --sbb-text-font-size: var(--sbb-font-size-text-xl);
+  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);
+  font-weight: bold;
+}
+
+.sbb-tab-label__amount {
+  display: flex;
+  color: var(--sbb-tab-label-amount-color);
+  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  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);
+}
+:host(:not([data-slot-names~=amount], [amount])) .sbb-tab-label__amount {
+  display: none;
+}
+:host([data-size=s]) .sbb-tab-label__amount {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  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);
+}
+:host([data-size=xl]) .sbb-tab-label__amount {
+  --sbb-text-font-size: var(--sbb-font-size-text-xl);
+  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);
+}`;
+let SbbTabLabelElement = (() => {
+  var _level_accessor_storage, _active_accessor_storage, _amount_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-tab-label"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbIconNameMixin(LitElement));
+  let _level_decorators;
+  let _level_initializers = [];
+  let _level_extraInitializers = [];
+  let _active_decorators;
+  let _active_initializers = [];
+  let _active_extraInitializers = [];
+  let _amount_decorators;
+  let _amount_initializers = [];
+  let _amount_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _level_accessor_storage, __runInitializers(this, _level_initializers, "1"));
+      __privateAdd(this, _active_accessor_storage, (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _active_initializers, false)));
+      __privateAdd(this, _amount_accessor_storage, (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _amount_initializers, "")));
+      __runInitializers(this, _amount_extraInitializers);
+    }
+    /**
+     * The level will correspond to the heading tag generated in the title.
+     * Use this property to generate the appropriate header tag, taking SEO into consideration.
+     */
+    get level() {
+      return __privateGet(this, _level_accessor_storage);
+    }
+    set level(value) {
+      __privateSet(this, _level_accessor_storage, value);
+    }
+    /** Active tab state */
+    get active() {
+      return __privateGet(this, _active_accessor_storage);
+    }
+    set active(value) {
+      __privateSet(this, _active_accessor_storage, value);
+    }
+    /** Amount displayed inside the tab. */
+    get amount() {
+      return __privateGet(this, _amount_accessor_storage);
+    }
+    set amount(value) {
+      __privateSet(this, _amount_accessor_storage, value);
+    }
+    render() {
+      const TAGNAME = `h${Number(this.level) < 7 ? this.level : "1"}`;
+      return html`
+      <div class="sbb-tab-label__wrapper">
+        <${unsafeStatic(TAGNAME)} class="sbb-tab-label">
+          <span class="sbb-tab-label__icon">
+            ${this.renderIconSlot()}
+          </span>
+          <span class="sbb-tab-label__text">
+            <slot></slot>
+          </span>
+          <span class="sbb-tab-label__amount">
+            <slot name="amount">${this.amount}</slot>
+          </span>
+        </${unsafeStatic(TAGNAME)}>
+      </div>
+    `;
+    }
+  }, _level_accessor_storage = new WeakMap(), _active_accessor_storage = new WeakMap(), _amount_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _level_decorators = [property()];
+    _active_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _amount_decorators = [forceType(), property({ reflect: true, converter: omitEmptyConverter })];
+    __esDecorate(_a, null, _level_decorators, { kind: "accessor", name: "level", static: false, private: false, access: { has: (obj) => "level" in obj, get: (obj) => obj.level, set: (obj, value) => {
+      obj.level = value;
+    } }, metadata: _metadata }, _level_initializers, _level_extraInitializers);
+    __esDecorate(_a, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: (obj) => "active" in obj, get: (obj) => obj.active, set: (obj, value) => {
+      obj.active = value;
+    } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+    __esDecorate(_a, null, _amount_decorators, { kind: "accessor", name: "amount", static: false, private: false, access: { has: (obj) => "amount" in obj, get: (obj) => obj.amount, set: (obj, value) => {
+      obj.amount = value;
+    } }, metadata: _metadata }, _amount_initializers, _amount_extraInitializers);
+    __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 {
+  SbbTabLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItbGFiZWwvdGFiLWxhYmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUsIG9taXRFbXB0eUNvbnZlcnRlciwgc2xvdFN0YXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1sYWJlbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAsIGl0IGRpc3BsYXlzIGEgdGFiJ3MgdGl0bGUuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgdGFiIHRpdGxlLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gZGlzcGxheSBhbiBpY29uIHRvIHRoZSBsZWZ0IG9mIHRoZSB0aXRsZSwgYnkgcHJvdmlkaW5nIHRoZSBgc2JiLWljb25gIGNvbXBvbmVudC5cbiAqIEBzbG90IGFtb3VudCAtIFByb3ZpZGUgYSBudW1iZXIgdG8gc2hvdyBhbiBhbW91bnQgdG8gdGhlIHJpZ2h0IG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYi1sYWJlbCcpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYlRhYkxhYmVsRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiSWNvbk5hbWVNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogVGhlIGxldmVsIHdpbGwgY29ycmVzcG9uZCB0byB0aGUgaGVhZGluZyB0YWcgZ2VuZXJhdGVkIGluIHRoZSB0aXRsZS5cbiAgICogVXNlIHRoaXMgcHJvcGVydHkgdG8gZ2VuZXJhdGUgdGhlIGFwcHJvcHJpYXRlIGhlYWRlciB0YWcsIHRha2luZyBTRU8gaW50byBjb25zaWRlcmF0aW9uLlxuICAgKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIC8qKiBBY3RpdmUgdGFiIHN0YXRlICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQW1vdW50IGRpc3BsYXllZCBpbnNpZGUgdGhlIHRhYi4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhbW91bnQ6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRBR05BTUUgPSBgaCR7TnVtYmVyKHRoaXMubGV2ZWwpIDwgNyA/IHRoaXMubGV2ZWwgOiAnMSd9YDtcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10YWItbGFiZWxfX3dyYXBwZXJcIj5cbiAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR05BTUUpfSBjbGFzcz1cInNiYi10YWItbGFiZWxcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX2ljb25cIj5cbiAgICAgICAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX3RleHRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGFiLWxhYmVsX19hbW91bnRcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhbW91bnRcIj4ke3RoaXMuYW1vdW50fTwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHTkFNRSl9PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1sYWJlbCc6IFNiYlRhYkxhYmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/development/tabs/tab-label.d.ts

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

package/development/tabs/tab-label.d.ts.map

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

package/development/tabs/tab-label.js

@@ -1,315 +1,5 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-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 { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { unsafeStatic, html } from "lit/static-html.js";
-import { slotState, forceType, omitEmptyConverter } from "../core/decorators.js";
-import { SbbDisabledMixin } from "../core/mixins.js";
-import { SbbIconNameMixin } from "../icon.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-tab-label-height: var(--sbb-size-element-m);
-  --sbb-tab-label-color: var(--sbb-color-granite);
-  --sbb-tab-label-icon-color: var(--sbb-color-black);
-  --sbb-tab-label-background-color: var(--sbb-color-white);
-  --sbb-tab-label-cursor: pointer;
-  --sbb-tab-label-pointer-events: unset;
-  --sbb-tab-label-inset: 0;
-  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
-  --sbb-tab-label-marker-transform: scale(0);
-  --sbb-tab-label-text-decoration: none;
-  --sbb-tab-label-animation-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-2x)
-  );
-  --sbb-tab-label-animation-easing: var(--sbb-animation-easing);
-  --sbb-tab-label-amount-color: var(--sbb-color-metal);
-  display: inline-block;
-  max-width: 100%;
-  pointer-events: var(--sbb-tab-label-pointer-events);
-  -webkit-tap-highlight-color: transparent;
-  outline: none !important;
-}
-@media (forced-colors: active) {
-  :host {
-    --sbb-tab-label-color: ButtonText;
-    --sbb-tab-label-icon-color: ButtonText;
-    --sbb-tab-label-amount-color: ButtonText;
-  }
-}
-
-:host([data-size=s]) {
-  --sbb-tab-label-height: var(--sbb-size-element-xs);
-  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);
-}
-
-:host([disabled]) {
-  --sbb-tab-label-icon-color: var(--sbb-color-granite);
-  --sbb-tab-label-background-color: var(--sbb-color-milk);
-  --sbb-tab-label-cursor: unset;
-  --sbb-tab-label-pointer-events: none;
-  --sbb-tab-label-text-decoration: line-through;
-}
-@media (forced-colors: active) {
-  :host([disabled]) {
-    --sbb-tab-label-color: GrayText;
-    --sbb-tab-label-icon-color: GrayText;
-    --sbb-tab-label-amount-color: GrayText;
-  }
-}
-
-:host([active]:not([disabled])) {
-  --sbb-tab-label-color: var(--sbb-color-charcoal);
-  --sbb-tab-label-icon-color: var(--sbb-tab-label-color);
-  --sbb-tab-label-background-color: var(--sbb-color-black);
-  --sbb-tab-label-cursor: unset;
-  --sbb-tab-label-pointer-events: none;
-  --sbb-tab-label-marker-transform: scale(1);
-}
-@media (forced-colors: active) {
-  :host([active]:not([disabled])) {
-    --sbb-tab-label-color: ButtonText;
-    --sbb-tab-label-icon-color: ButtonText;
-    --sbb-tab-label-amount-color: ButtonText;
-  }
-}
-
-@media (any-hover: hover) {
-  :host(:hover:not([disabled])) {
-    --sbb-tab-label-marker-transform: scale(1);
-  }
-}
-
-:host(:is([data-active], :active)) {
-  --sbb-tab-label-color: var(--sbb-color-charcoal);
-}
-
-.sbb-tab-label__wrapper {
-  position: relative;
-}
-:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-tab-label__wrapper::before {
-  content: "";
-  position: absolute;
-  display: block;
-  inset: calc((var(--sbb-focus-outline-width) + var(--sbb-focus-outline-offset)) * -1);
-  border: var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);
-  border-radius: var(--sbb-border-radius-2x);
-  z-index: 1;
-}
-
-.sbb-tab-label {
-  position: relative;
-  margin: 0;
-  min-height: var(--sbb-tab-label-height);
-  display: flex;
-  align-items: center;
-  padding-inline: var(--sbb-tab-label-inline-padding);
-  gap: var(--sbb-spacing-fixed-2x);
-  user-select: none;
-  cursor: var(--sbb-tab-label-cursor);
-  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
-  color: var(--sbb-tab-label-icon-color);
-}
-:host([data-has-divider]) .sbb-tab-label::after {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0;
-  inset-block-end: 0;
-  width: var(--sbb-tab-group-width);
-  height: var(--sbb-border-width-1x);
-  background-color: var(--sbb-color-cloud);
-}
-.sbb-tab-label::before {
-  position: absolute;
-  content: "";
-  inset-inline: 0;
-  inset-block-end: 0;
-  height: 0.1875rem;
-  background-color: var(--sbb-tab-label-color);
-  transform: var(--sbb-tab-label-marker-transform);
-  transition-duration: var(--sbb-tab-label-animation-duration);
-  transition-timing-function: var(--sbb-tab-label-animation-easing);
-  transition-property: transform, background-color;
-  z-index: 1;
-}
-
-.sbb-tab-label__icon,
-.sbb-tab-label__text,
-.sbb-tab-label__amount {
-  text-decoration: var(--sbb-tab-label-text-decoration);
-}
-
-.sbb-tab-label__icon {
-  display: flex;
-  flex-shrink: 0;
-  color: var(--sbb-tab-label-color);
-  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
-}
-:host(:not([data-slot-names~=icon], [icon-name])) .sbb-tab-label__icon {
-  display: none;
-}
-
-.sbb-tab-label__text {
-  color: var(--sbb-tab-label-color);
-  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  --sbb-text-font-size: var(--sbb-font-size-text-m);
-  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);
-  font-weight: bold;
-}
-:host([data-size=s]) .sbb-tab-label__text {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
-  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);
-  font-weight: bold;
-}
-:host([data-size=xl]) .sbb-tab-label__text {
-  --sbb-text-font-size: var(--sbb-font-size-text-xl);
-  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);
-  font-weight: bold;
-}
-
-.sbb-tab-label__amount {
-  display: flex;
-  color: var(--sbb-tab-label-amount-color);
-  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
-  --sbb-text-font-size: var(--sbb-font-size-text-m);
-  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);
-}
-:host(:not([data-slot-names~=amount], [amount])) .sbb-tab-label__amount {
-  display: none;
-}
-:host([data-size=s]) .sbb-tab-label__amount {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
-  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);
-}
-:host([data-size=xl]) .sbb-tab-label__amount {
-  --sbb-text-font-size: var(--sbb-font-size-text-xl);
-  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);
-}`;
-let SbbTabLabelElement = (() => {
-  var _level_accessor_storage, _active_accessor_storage, _amount_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-tab-label"), slotState()];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbDisabledMixin(SbbIconNameMixin(LitElement));
-  let _level_decorators;
-  let _level_initializers = [];
-  let _level_extraInitializers = [];
-  let _active_decorators;
-  let _active_initializers = [];
-  let _active_extraInitializers = [];
-  let _amount_decorators;
-  let _amount_initializers = [];
-  let _amount_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _level_accessor_storage, __runInitializers(this, _level_initializers, "1"));
-      __privateAdd(this, _active_accessor_storage, (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _active_initializers, false)));
-      __privateAdd(this, _amount_accessor_storage, (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _amount_initializers, "")));
-      __runInitializers(this, _amount_extraInitializers);
-    }
-    /**
-     * The level will correspond to the heading tag generated in the title.
-     * Use this property to generate the appropriate header tag, taking SEO into consideration.
-     */
-    get level() {
-      return __privateGet(this, _level_accessor_storage);
-    }
-    set level(value) {
-      __privateSet(this, _level_accessor_storage, value);
-    }
-    /** Active tab state */
-    get active() {
-      return __privateGet(this, _active_accessor_storage);
-    }
-    set active(value) {
-      __privateSet(this, _active_accessor_storage, value);
-    }
-    /** Amount displayed inside the tab. */
-    get amount() {
-      return __privateGet(this, _amount_accessor_storage);
-    }
-    set amount(value) {
-      __privateSet(this, _amount_accessor_storage, value);
-    }
-    render() {
-      const TAGNAME = `h${Number(this.level) < 7 ? this.level : "1"}`;
-      return html`
-      <div class="sbb-tab-label__wrapper">
-        <${unsafeStatic(TAGNAME)} class="sbb-tab-label">
-          <span class="sbb-tab-label__icon">
-            ${this.renderIconSlot()}
-          </span>
-          <span class="sbb-tab-label__text">
-            <slot></slot>
-          </span>
-          <span class="sbb-tab-label__amount">
-            <slot name="amount">${this.amount}</slot>
-          </span>
-        </${unsafeStatic(TAGNAME)}>
-      </div>
-    `;
-    }
-  }, _level_accessor_storage = new WeakMap(), _active_accessor_storage = new WeakMap(), _amount_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _level_decorators = [property()];
-    _active_decorators = [forceType(), property({ reflect: true, type: Boolean })];
-    _amount_decorators = [forceType(), property({ reflect: true, converter: omitEmptyConverter })];
-    __esDecorate(_a, null, _level_decorators, { kind: "accessor", name: "level", static: false, private: false, access: { has: (obj) => "level" in obj, get: (obj) => obj.level, set: (obj, value) => {
-      obj.level = value;
-    } }, metadata: _metadata }, _level_initializers, _level_extraInitializers);
-    __esDecorate(_a, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: (obj) => "active" in obj, get: (obj) => obj.active, set: (obj, value) => {
-      obj.active = value;
-    } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
-    __esDecorate(_a, null, _amount_decorators, { kind: "accessor", name: "amount", static: false, private: false, access: { has: (obj) => "amount" in obj, get: (obj) => obj.amount, set: (obj, value) => {
-      obj.amount = value;
-    } }, metadata: _metadata }, _amount_initializers, _amount_extraInitializers);
-    __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;
-})();
+import { SbbTabLabelElement } from "./tab-label/tab-label.js";
 export {
   SbbTabLabelElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItbGFiZWwvdGFiLWxhYmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUsIG9taXRFbXB0eUNvbnZlcnRlciwgc2xvdFN0YXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1sYWJlbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAsIGl0IGRpc3BsYXlzIGEgdGFiJ3MgdGl0bGUuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgdGFiIHRpdGxlLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gZGlzcGxheSBhbiBpY29uIHRvIHRoZSBsZWZ0IG9mIHRoZSB0aXRsZSwgYnkgcHJvdmlkaW5nIHRoZSBgc2JiLWljb25gIGNvbXBvbmVudC5cbiAqIEBzbG90IGFtb3VudCAtIFByb3ZpZGUgYSBudW1iZXIgdG8gc2hvdyBhbiBhbW91bnQgdG8gdGhlIHJpZ2h0IG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYi1sYWJlbCcpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYlRhYkxhYmVsRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiSWNvbk5hbWVNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogVGhlIGxldmVsIHdpbGwgY29ycmVzcG9uZCB0byB0aGUgaGVhZGluZyB0YWcgZ2VuZXJhdGVkIGluIHRoZSB0aXRsZS5cbiAgICogVXNlIHRoaXMgcHJvcGVydHkgdG8gZ2VuZXJhdGUgdGhlIGFwcHJvcHJpYXRlIGhlYWRlciB0YWcsIHRha2luZyBTRU8gaW50byBjb25zaWRlcmF0aW9uLlxuICAgKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIC8qKiBBY3RpdmUgdGFiIHN0YXRlICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQW1vdW50IGRpc3BsYXllZCBpbnNpZGUgdGhlIHRhYi4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhbW91bnQ6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRBR05BTUUgPSBgaCR7TnVtYmVyKHRoaXMubGV2ZWwpIDwgNyA/IHRoaXMubGV2ZWwgOiAnMSd9YDtcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10YWItbGFiZWxfX3dyYXBwZXJcIj5cbiAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR05BTUUpfSBjbGFzcz1cInNiYi10YWItbGFiZWxcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX2ljb25cIj5cbiAgICAgICAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX3RleHRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGFiLWxhYmVsX19hbW91bnRcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhbW91bnRcIj4ke3RoaXMuYW1vdW50fTwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHTkFNRSl9PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1sYWJlbCc6IFNiYlRhYkxhYmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/tabs/tab.d.ts

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

package/development/tabs/tab.d.ts.map

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