@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/development/table/table-wrapper/table-wrapper.component.js

@@ -0,0 +1,139 @@
+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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, isServer, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType } from "../../core/decorators.js";
+import { SbbNegativeMixin } from "../../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  overflow: auto;
+}
+
+:host(:not(.sbb-table-wrapper-offset-none)) {
+  padding-bottom: var(--sbb-spacing-fixed-1x);
+}
+
+:host(: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);
+}
+
+::slotted(.sbb-table) {
+  width: 100%;
+}`;
+let SbbTableWrapperElement = (() => {
+  var _focusable_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-table-wrapper")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _focusable_decorators;
+  let _focusable_initializers = [];
+  let _focusable_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      var _a2;
+      super();
+      __privateAdd(this, _focusable_accessor_storage, __runInitializers(this, _focusable_initializers, false));
+      __runInitializers(this, _focusable_extraInitializers);
+      const internals = this.attachInternals();
+      internals.role = "section";
+      this.addController(new ResizeController(this, {
+        skipInitial: true,
+        callback: () => this._checkHorizontalScrollbarOffset()
+      }));
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "scroll", () => this._checkHorizontalScrollbarOffset(), {
+        passive: true
+      });
+    }
+    /** Whether the table wrapper is focusable. */
+    get focusable() {
+      return __privateGet(this, _focusable_accessor_storage);
+    }
+    set focusable(value) {
+      __privateSet(this, _focusable_accessor_storage, value);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._updateScrollbarClass();
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("focusable")) {
+        if (this.focusable) {
+          if (!this.hasAttribute("tabindex")) {
+            this.setAttribute("tabindex", "0");
+          }
+        } else {
+          this.removeAttribute("tabindex");
+        }
+      }
+      if (changedProperties.has("negative")) {
+        this._updateScrollbarClass();
+      }
+    }
+    _updateScrollbarClass() {
+      if (isServer) {
+        return;
+      }
+      if (this.negative) {
+        this.classList.remove("sbb-scrollbar-thick-track-visible");
+        this.classList.add("sbb-scrollbar-thick-negative-track-visible");
+      } else {
+        this.classList.remove("sbb-scrollbar-thick-negative-track-visible");
+        this.classList.add("sbb-scrollbar-thick-track-visible");
+      }
+    }
+    /**
+     *  Calculates whether the table is horizontally scrolled and adds the
+     *  corresponding class `sbb-table-wrapper-offset-${none | left | right | both}`
+     */
+    _checkHorizontalScrollbarOffset() {
+      const state = this._calculateScrollOffset();
+      this.classList.remove(`sbb-table-wrapper-offset-none`, `sbb-table-wrapper-offset-left`, `sbb-table-wrapper-offset-right`, `sbb-table-wrapper-offset-both`);
+      this.classList.add(`sbb-table-wrapper-offset-${state}`);
+    }
+    _calculateScrollOffset() {
+      if (this.scrollWidth === this.offsetWidth) {
+        return "none";
+      }
+      const isAtStart = this.scrollLeft === 0;
+      const isAtEnd = this.scrollWidth - this.scrollLeft - this.offsetWidth <= 1;
+      if (isAtStart) {
+        return isAtEnd ? "none" : "right";
+      }
+      return isAtEnd ? "left" : "both";
+    }
+    render() {
+      return html`<slot></slot>`;
+    }
+  }, _focusable_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _focusable_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    __esDecorate(_a, null, _focusable_decorators, { kind: "accessor", name: "focusable", static: false, private: false, access: { has: (obj) => "focusable" in obj, get: (obj) => obj.focusable, set: (obj, value) => {
+      obj.focusable = value;
+    } }, metadata: _metadata }, _focusable_initializers, _focusable_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 {
+  SbbTableWrapperElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIGlzU2VydmVyLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWJsZS13cmFwcGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogV3JhcHMgYSB0YWJsZSB0byBlbmhhbmNlIGl0cyBmdW5jdGlvbmFsaXR5LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSB0YWJsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYmxlLXdyYXBwZXInKVxuY2xhc3MgU2JiVGFibGVXcmFwcGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogV2hldGhlciB0aGUgdGFibGUgd3JhcHBlciBpcyBmb2N1c2FibGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBmb2N1c2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIGNvbnN0IGludGVybmFsczogRWxlbWVudEludGVybmFscyA9IHRoaXMuYXR0YWNoSW50ZXJuYWxzKCk7XG4gICAgLyoqIEBpbnRlcm5hbCAqL1xuICAgIGludGVybmFscy5yb2xlID0gJ3NlY3Rpb24nO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvY3VzYWJsZScpKSB7XG4gICAgICBpZiAodGhpcy5mb2N1c2FibGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0F0dHJpYnV0ZSgndGFiaW5kZXgnKSkge1xuICAgICAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCd0YWJpbmRleCcsICcwJyk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBDYWxjdWxhdGVzIHdoZXRoZXIgdGhlIHRhYmxlIGlzIGhvcml6b250YWxseSBzY3JvbGxlZCBhbmQgYWRkcyB0aGVcbiAgICogIGNvcnJlc3BvbmRpbmcgY2xhc3MgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke25vbmUgfCBsZWZ0IHwgcmlnaHQgfCBib3RofWBcbiAgICovXG4gIHByaXZhdGUgX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMuX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpO1xuICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbm9uZWAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWxlZnRgLFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1yaWdodGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWJvdGhgLFxuICAgICk7XG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtJHtzdGF0ZX1gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpOiAnbm9uZScgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdGgnIHtcbiAgICBpZiAodGhpcy5zY3JvbGxXaWR0aCA9PT0gdGhpcy5vZmZzZXRXaWR0aCkge1xuICAgICAgcmV0dXJuICdub25lJztcbiAgICB9XG4gICAgY29uc3QgaXNBdFN0YXJ0ID0gdGhpcy5zY3JvbGxMZWZ0ID09PSAwO1xuICAgIC8vIEluIHNvbWUgY2FzZXMgdGhlIGNvbWJpbmVkIHZhbHVlIG9mIHNjcm9sbExlZnQgYW5kIG9mZnNldFdpZHRoIGlzIG9mZiBieVxuICAgIC8vIDEgcGl4ZWwgZnJvbSB0aGUgc2Nyb2xsV2lkdGguXG4gICAgY29uc3QgaXNBdEVuZCA9IHRoaXMuc2Nyb2xsV2lkdGggLSB0aGlzLnNjcm9sbExlZnQgLSB0aGlzLm9mZnNldFdpZHRoIDw9IDE7XG5cbiAgICBpZiAoaXNBdFN0YXJ0KSB7XG4gICAgICByZXR1cm4gaXNBdEVuZCA/ICdub25lJyA6ICdyaWdodCc7XG4gICAgfVxuICAgIHJldHVybiBpc0F0RW5kID8gJ2xlZnQnIDogJ2JvdGgnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWJsZS13cmFwcGVyJzogU2JiVGFibGVXcmFwcGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUF1Qk0sMEJBQXNCLE1BQUE7OzBCQUQzQixjQUFjLG1CQUFtQixDQUFDOzs7O29CQUNFLGlCQUFpQixVQUFVOzs7O0FBQW5DLEVBQUEsbUJBQVEsWUFBNEI7QUFBQSxJQVEvRCxjQUFBOzs7QUFGQSxzREFBQSxrQkFBQSxNQUFBLHlCQUFxQyxLQUFLOztBQUtsQyxZQUFBLFlBQThCLEtBQUs7QUFFekMsZ0JBQVUsT0FBTztBQUVaLFdBQUEsY0FDSCxJQUFJLGlCQUFpQixNQUFNO0FBQUEsUUFDekIsYUFBYTtBQUFBLFFBQ2IsVUFBVSxNQUFNLEtBQUssZ0NBQWlDO0FBQUEsTUFBQSxDQUN2RCxDQUFDO0FBR0osT0FBQUEsTUFBQSxLQUFLLHFCQUFMLGdCQUFBQSxJQUFBLFdBQXdCLFVBQVUsTUFBTSxL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

package/development/table/table-wrapper.d.ts

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

package/development/table/table-wrapper.d.ts.map

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

package/development/table/table-wrapper.js

@@ -1,4 +1,4 @@
-import { SbbTableWrapperElement } from "./table-wrapper/table-wrapper.js";
+import { SbbTableWrapperElement } from "./table-wrapper/table-wrapper.component.js";
 export {
   SbbTableWrapperElement
 };

package/development/table.js

@@ -1,4 +1,4 @@
-import { SbbTableWrapperElement } from "./table/table-wrapper/table-wrapper.js";
+import { SbbTableWrapperElement } from "./table/table-wrapper/table-wrapper.component.js";
 export {
   SbbTableWrapperElement
 };

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

@@ -0,0 +1,23 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbTabLabelElement } from '../tab-label.js';
+/**
+ * Combined with a `sbb-tab-group`, it displays a tab's content.
+ *
+ * @slot - Use the unnamed slot to provide content.
+ */
+export declare class SbbTabElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** The `sbb-tab-label` associated with the tab. */
+    get label(): SbbTabLabelElement | null;
+    private _label;
+    private _getTabLabel;
+    /** @internal */
+    configure(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tab': SbbTabElement;
+    }
+}
+//# sourceMappingURL=tab.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/tab.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D;;;;GAIG;AACH,qBAEM,aAAc,SAAQ,UAAU;IACpC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mDAAmD;IACnD,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;IACD,OAAO,CAAC,MAAM,CAAmC;IAEjD,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IACT,SAAS,IAAI,IAAI;cAIL,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/development/tabs/tab/tab.component.js

@@ -0,0 +1,66 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+const style = css`@charset "UTF-8";
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+:host::after, :host::before {
+  content: " ";
+  display: block;
+  visibility: hidden;
+  height: 0;
+  overflow: hidden;
+}`;
+let SbbTabElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-tab")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this._label = null;
+    }
+    /** The `sbb-tab-label` associated with the tab. */
+    get label() {
+      return this._label;
+    }
+    _getTabLabel() {
+      let previousSibling = this.previousElementSibling;
+      while (previousSibling && previousSibling.localName !== "sbb-tab-label") {
+        previousSibling = previousSibling.previousElementSibling;
+      }
+      return previousSibling;
+    }
+    /** @internal */
+    configure() {
+      this._label = this._getTabLabel();
+    }
+    render() {
+      return html`
+      <div class="sbb-tab">
+        <slot></slot>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTabElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlRhYkxhYmVsRWxlbWVudCB9IGZyb20gJy4uL3RhYi1sYWJlbC5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAsIGl0IGRpc3BsYXlzIGEgdGFiJ3MgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgY29udGVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYicpXG5jbGFzcyBTYmJUYWJFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgYHNiYi10YWItbGFiZWxgIGFzc29jaWF0ZWQgd2l0aCB0aGUgdGFiLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVsKCk6IFNiYlRhYkxhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbDtcbiAgfVxuICBwcml2YXRlIF9sYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBfZ2V0VGFiTGFiZWwoKTogU2JiVGFiTGFiZWxFbGVtZW50IHwgbnVsbCB7XG4gICAgbGV0IHByZXZpb3VzU2libGluZyA9IHRoaXMucHJldmlvdXNFbGVtZW50U2libGluZztcbiAgICB3aGlsZSAocHJldmlvdXNTaWJsaW5nICYmIHByZXZpb3VzU2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItdGFiLWxhYmVsJykge1xuICAgICAgcHJldmlvdXNTaWJsaW5nID0gcHJldmlvdXNTaWJsaW5nLnByZXZpb3VzRWxlbWVudFNpYmxpbmc7XG4gICAgfVxuICAgIHJldHVybiBwcmV2aW91c1NpYmxpbmcgYXMgU2JiVGFiTGFiZWxFbGVtZW50O1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwdWJsaWMgY29uZmlndXJlKCk6IHZvaWQge1xuICAgIHRoaXMuX2xhYmVsID0gdGhpcy5fZ2V0VGFiTGFiZWwoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10YWJcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYic6IFNiYlRhYkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWVNLGlCQUFhLE1BQUE7OzBCQURsQixjQUFjLFNBQVMsQ0FBQzs7OztvQkFDRztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQU81QixXQUFNLFNBQThCO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFINUMsSUFBVyxRQUFLO0FBQ2QsYUFBTyxLQUFLO0FBQUEsSUFBQTtBQUFBLElBSU4sZUFBWTtBQUNsQixVQUFJLGtCQUFrQixLQUFLO0FBQ3BCLGFBQUEsbUJBQW1CLGdCQUFnQixjQUFjLGlCQUFpQjtBQUN2RSwwQkFBa0IsZ0JBQWdCO0FBQUEsTUFBQTtBQUU3QixhQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFJRixZQUFTO0FBQ1QsV0FBQSxTQUFTLEtBQUs7O0lBR0YsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBdkJYLGlCQTZCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBNUJ3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUFhLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/tabs/tab-group/tab-group.component.d.ts

@@ -0,0 +1,98 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbTabLabelElement } from '../tab-label.js';
+import { SbbTabElement } from '../tab.js';
+export type SbbTabChangedEventDetails = {
+    activeIndex: number;
+    activeTabLabel: SbbTabLabelElement;
+    activeTab: SbbTabElement;
+    previousIndex: number;
+    previousTabLabel: SbbTabLabelElement | undefined;
+    previousTab: SbbTabElement | undefined;
+};
+export interface InterfaceSbbTabGroupActions {
+    activate(): void;
+    deactivate(): void;
+    enable(): void;
+    disable(): void;
+    select(): void;
+}
+export interface InterfaceSbbTabGroupTab extends SbbTabLabelElement {
+    active: boolean;
+    disabled: boolean;
+    tab?: SbbTabElement;
+    index?: number;
+    tabGroupActions?: InterfaceSbbTabGroupActions;
+    size: 's' | 'l' | 'xl';
+}
+declare const SbbTabGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * It displays one or more tabs, each one with a label and a content.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-tab-group` via
+ * `sbb-tab-label` and `sbb-tab` instances.
+ * @event {CustomEvent<SbbTabChangedEventDetails>} didChange - Emits an event on selected tab change.
+ */
+export declare class SbbTabGroupElement extends SbbTabGroupElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+    };
+    private _tabs;
+    private _selectedTab?;
+    private _tabGroupElement;
+    private _tabContentElement;
+    private _tabAttributeObserver;
+    private _tabGroupResizeObserver;
+    private _tabContentResizeObserver;
+    /**
+     * Size variant, either s, l or xl.
+     * @default 'l' / 's' (lean)
+     */
+    set size(value: InterfaceSbbTabGroupTab['size']);
+    get size(): InterfaceSbbTabGroupTab['size'];
+    private _size;
+    /**
+     * Sets the initial tab. If it matches a disabled tab or exceeds the length of
+     * the tab group, the first enabled tab will be selected.
+     */
+    accessor initialSelectedIndex: number;
+    /** Emits an event on selected tab change. */
+    private _selectedTabChanged;
+    constructor();
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    /**
+     * Disables a tab by index.
+     * @param tabIndex The index of the tab you want to disable.
+     */
+    disableTab(tabIndex: number): void;
+    /**
+     * Enables a tab by index.
+     * @param tabIndex The index of the tab you want to enable.
+     */
+    enableTab(tabIndex: number): void;
+    /**
+     * Activates a tab by index.
+     * @param tabIndex The index of the tab you want to activate.
+     */
+    activateTab(tabIndex: number): void;
+    private _getTabs;
+    private _enabledTabs;
+    private _updateSize;
+    private _onContentSlotChange;
+    private _onTabsSlotChange;
+    private _assignId;
+    private _initSelection;
+    private _onTabAttributesChange;
+    private _onTabGroupElementResize;
+    private _onTabContentElementResize;
+    private _configure;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tab-group': SbbTabGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=tab-group.component.d.ts.map

package/development/tabs/tab-group/tab-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AASvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,CAAC;IACnC,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,IAAI,IAAI,CAAC;IACjB,UAAU,IAAI,IAAI,CAAC;IACnB,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;CACxB;;AAQD;;;;;;GAMG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,YAAY,CAAC,CAA0B;IAC/C,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,qBAAqB,CAI1B;IACH,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,yBAAyB,CAI9B;IAEH;;;OAGG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,EAGrD;IACD,IAAW,IAAI,IAAI,uBAAuB,CAAC,MAAM,CAAC,CAEjD;IACD,OAAO,CAAC,KAAK,CAAyD;IAEtE;;;OAGG;IACH,SAEgB,oBAAoB,EAAE,MAAM,CAAK;IAEjD,6CAA6C;IAC7C,OAAO,CAAC,mBAAmB,CAGzB;;cAOiB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9E;;;OAGG;IACI,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIzC;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIxC;;;OAGG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI1C,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,UAAU;IAmGlB,OAAO,CAAC,cAAc;cAoBH,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}