@sbb-esta/lyne-elements 2.5.1 → 2.7.0

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

@@ -0,0 +1,128 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbNegativeMixin } from "../../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-table-wrapper-border-radius: var(--sbb-border-radius-4x);
+  display: block;
+}
+
+::slotted(.sbb-table) {
+  width: 100%;
+}
+
+.sbb-table-wrapper {
+  height: 100%;
+  overflow: auto;
+  --sbb-scrollbar-thumb-width: 0.5rem;
+  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
+  --sbb-scrollbar-width-firefox: auto;
+  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
+  --sbb-scrollbar-track-color: var(--sbb-color-cloud);
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+}
+.sbb-table-wrapper::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-table-wrapper::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-table-wrapper::-webkit-scrollbar-thumb {
+  background-color: var(--sbb-scrollbar-color, currentcolor);
+  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
+  border-radius: var(--sbb-border-radius-4x);
+  background-clip: padding-box;
+}
+.sbb-table-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
+  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
+}
+.sbb-table-wrapper::-webkit-scrollbar-button, .sbb-table-wrapper::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-table-wrapper {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+:host([negative]) .sbb-table-wrapper {
+  --sbb-scrollbar-color: var(--sbb-color-white-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
+  --sbb-scrollbar-track-color: var(--sbb-color-iron);
+}
+:host(:not(.sbb-table-wrapper-offset-none)) .sbb-table-wrapper {
+  padding-bottom: var(--sbb-spacing-fixed-1x);
+}`;
+let SbbTableWrapperElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-table-wrapper")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this._resizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => this._checkHorizontalScrollbarOffset()
+      });
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this._tableWrapper = this.shadowRoot.querySelector(".sbb-table-wrapper");
+      this._tableWrapper.addEventListener("scroll", () => this._checkHorizontalScrollbarOffset(), {
+        passive: true
+      });
+      this._resizeObserver.observe(this._tableWrapper);
+    }
+    /**
+     *  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() {
+      const wrapper = this._tableWrapper;
+      if (wrapper.scrollWidth === wrapper.offsetWidth) {
+        return "none";
+      }
+      const isAtStart = wrapper.scrollLeft === 0;
+      const isAtEnd = wrapper.scrollWidth - wrapper.scrollLeft - wrapper.offsetWidth <= 1;
+      if (isAtStart) {
+        return isAtEnd ? "none" : "right";
+      }
+      return isAtEnd ? "left" : "both";
+    }
+    render() {
+      return html`<div class="sbb-table-wrapper">
+      <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 {
+  SbbTableWrapperElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFibGUtd3JhcHBlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIGEgdGFibGUgdG8gZW5oYW5jZSBpdHMgZnVuY3Rpb25hbGl0eVxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSB0YWJsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYmxlLXdyYXBwZXInKVxuY2xhc3MgU2JiVGFibGVXcmFwcGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcml2YXRlIF9yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICB9KTtcbiAgcHJpdmF0ZSBfdGFibGVXcmFwcGVyITogSFRNTEVsZW1lbnQ7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuX3RhYmxlV3JhcHBlciA9IHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oJy5zYmItdGFibGUtd3JhcHBlcicpITtcblxuICAgIHRoaXMuX3RhYmxlV3JhcHBlci5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgICB0aGlzLl9yZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX3RhYmxlV3JhcHBlcik7XG4gIH1cblxuICAvKipcbiAgICogIENhbGN1bGF0ZXMgd2hldGhlciB0aGUgdGFibGUgaXMgaG9yaXpvbnRhbGx5IHNjcm9sbGVkIGFuZCBhZGRzIHRoZVxuICAgKiAgY29ycmVzcG9uZGluZyBjbGFzcyBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LSR7bm9uZSB8IGxlZnQgfCByaWdodCB8IGJvdGh9YFxuICAgKi9cbiAgcHJpdmF0ZSBfY2hlY2tIb3Jpem9udGFsU2Nyb2xsYmFyT2Zmc2V0KCk6IHZvaWQge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5fY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk7XG4gICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1ub25lYCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbGVmdGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LXJpZ2h0YCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtYm90aGAsXG4gICAgKTtcbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke3N0YXRlfWApO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk6ICdub25lJyB8ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcge1xuICAgIGNvbnN0IHdyYXBwZXIgPSB0aGlzLl90YWJsZVdyYXBwZXI7XG5cbiAgICBpZiAod3JhcHBlci5zY3JvbGxXaWR0aCA9PT0gd3JhcHBlci5vZmZzZXRXaWR0aCkge1xuICAgICAgcmV0dXJuICdub25lJztcbiAgICB9XG4gICAgY29uc3QgaXNBdFN0YXJ0ID0gd3JhcHBlci5zY3JvbGxMZWZ0ID09PSAwO1xuICAgIC8vIEluIHNvbWUgY2FzZXMgdGhlIGNvbWJpbmVkIHZhbHVlIG9mIHNjcm9sbExlZnQgYW5kIG9mZnNldFdpZHRoIGlzIG9mZiBieVxuICAgIC8vIDEgcGl4ZWwgZnJvbSB0aGUgc2Nyb2xsV2lkdGguXG4gICAgY29uc3QgaXNBdEVuZCA9IHdyYXBwZXIuc2Nyb2xsV2lkdGggLSB3cmFwcGVyLnNjcm9sbExlZnQgLSB3cmFwcGVyLm9mZnNldFdpZHRoIDw9IDE7XG5cbiAgICBpZiAoaXNBdFN0YXJ0KSB7XG4gICAgICByZXR1cm4gaXNBdEVuZCA/ICdub25lJyA6ICdyaWdodCc7XG4gICAgfVxuICAgIHJldHVybiBpc0F0RW5kID8gJ2xlZnQnIDogJ2JvdGgnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cInNiYi10YWJsZS13cmFwcGVyXCI+XG4gICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgPC9kaXY+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYmxlLXdyYXBwZXInOiBTYmJUYWJsZVdyYXBwZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBcUJNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRSxpQkFBaUIsVUFBVTtBQUFuQyxFQUFBLG1CQUFRLFlBQTRCO0FBQUE7O0FBR3ZELFdBQUEsa0JBQWtCLElBQUksaUJBQWlCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixhQUFhO0FBQUEsUUFDYixVQUFVLE1BQU0sS0FBSyxnQ0FBaUM7QUFBQSxNQUFBLENBQ3ZEO0FBQUEsSUFBQTtBQUFBLElBR2tCLGFBQWEsbUJBQXVDO0FBQ3JFLFlBQU0sYUFBYSxpQkFBaUI7QUFDcEMsV0FBSyxnQkFBZ0IsS0FBSyxXQUFZLGNBQTJCLG9CQUFvQjtBQUVyRixXQUFLLGNBQWMsaUJBQWlCLFVBQVUsTUFBTSxLQUFLLG1DQUFtQztBQUFBLFFBQzFGLFNBQVM7QUFBQSxNQUFBLENBQ1Y7QUFDSSxXQUFBLGdCQUFnQixRQUFRLEtBQUssYUFBYTtBQUFBLElBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBT3pDLGtDQUErQjtBQUMvQixZQUFBLFFBQVEsS0FBSztBQUNuQixXQUFLLFVBQVUsT0FDYixpQ0FDQSxpQ0FDQSxrQ0FDQSwrQkFBK0I7QUFFakMsV0FBSyxVQUFVLElBQUksNEJBQTRCLEtBQUssRUFBRTtBQUFBLElBQUE7QUFBQSxJQUdoRCx5QkFBc0I7QUFDNUIsWUFBTSxVQUFVLEtBQUs7QUFFakIsVUFBQSxRQUFRLGdCQUFnQixRQUFRLGFBQWE7QUFDeEMsZUFBQTtBQUFBLE1BQUE7QUFFSCxZQUFBLFlBQVksUUFBUSxlQUFlO0FBR3pDLFlBQU0sVUFBVSxRQUFRLGNBQWMsUUFBUSxhQUFhLFFBQVEsZUFBZTtBQUVsRixVQUFJLFdBQVc7QUFDYixlQUFPLFVBQVUsU0FBUztBQUFBLE1BQUE7QUFFNUIsYUFBTyxVQUFVLFNBQVM7QUFBQSxJQUFBO0FBQUEsSUFHVCxTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQXJEWCxpQkF5REMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXhEd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBc0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './table-wrapper/table-wrapper.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,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"table-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/elements/table/table-wrapper.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}

package/development/table/table-wrapper.js

@@ -1,106 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbNegativeMixin } from "../core/mixins.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-table-wrapper-border-radius: var(--sbb-border-radius-4x);
-  display: block;
-}
-
-::slotted(.sbb-table) {
-  width: 100%;
-}
-
-.sbb-table-wrapper {
-  overflow: auto;
-  --sbb-scrollbar-thumb-width: 0.5rem;
-  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
-  --sbb-scrollbar-width-firefox: auto;
-  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
-  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
-  --sbb-scrollbar-track-color: var(--sbb-color-cloud);
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-}
-.sbb-table-wrapper::-webkit-scrollbar {
-  width: var(--sbb-scrollbar-width);
-  height: var(--sbb-scrollbar-width);
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-table-wrapper::-webkit-scrollbar-corner {
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-table-wrapper::-webkit-scrollbar-thumb {
-  background-color: var(--sbb-scrollbar-color, currentcolor);
-  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
-  border-radius: var(--sbb-border-radius-4x);
-  background-clip: padding-box;
-}
-.sbb-table-wrapper::-webkit-scrollbar-thumb:hover {
-  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
-  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
-}
-.sbb-table-wrapper::-webkit-scrollbar-button, .sbb-table-wrapper::-webkit-scrollbar-corner {
-  display: none;
-}
-@supports not selector(::-webkit-scrollbar) {
-  .sbb-table-wrapper {
-    scrollbar-width: var(--sbb-scrollbar-width-firefox);
-    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
-  }
-}
-:host([negative]) .sbb-table-wrapper {
-  --sbb-scrollbar-color: var(--sbb-color-white-alpha-30);
-  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
-  --sbb-scrollbar-track-color: var(--sbb-color-iron);
-}
-:host([data-has-horizontal-scrollbar]) .sbb-table-wrapper {
-  padding-bottom: var(--sbb-spacing-fixed-1x);
-}`;
-let SbbTableWrapperElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-table-wrapper")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNegativeMixin(LitElement);
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      this._resizeObserver = new ResizeController(this, {
-        target: null,
-        skipInitial: true,
-        callback: () => this._checkHorizontalScrollbar()
-      });
-    }
-    firstUpdated(changedProperties) {
-      super.firstUpdated(changedProperties);
-      this._tableWrapper = this.shadowRoot.querySelector(".sbb-table-wrapper");
-      this._resizeObserver.observe(this._tableWrapper);
-    }
-    _checkHorizontalScrollbar() {
-      this.toggleAttribute("data-has-horizontal-scrollbar", this._tableWrapper.scrollWidth > this._tableWrapper.offsetWidth);
-    }
-    render() {
-      return html`<div class="sbb-table-wrapper">
-      <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;
-})();
+import { SbbTableWrapperElement } from "./table-wrapper/table-wrapper.js";
 export {
   SbbTableWrapperElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFibGUtd3JhcHBlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIGEgdGFibGUgdG8gZW5oYW5jZSBpdHMgZnVuY3Rpb25hbGl0eVxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSB0YWJsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhYmxlLXdyYXBwZXInKVxuY2xhc3MgU2JiVGFibGVXcmFwcGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcml2YXRlIF9yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhcigpLFxuICB9KTtcbiAgcHJpdmF0ZSBfdGFibGVXcmFwcGVyITogSFRNTEVsZW1lbnQ7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuX3RhYmxlV3JhcHBlciA9IHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oJy5zYmItdGFibGUtd3JhcHBlcicpITtcbiAgICB0aGlzLl9yZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX3RhYmxlV3JhcHBlcik7XG4gIH1cblxuICBwcml2YXRlIF9jaGVja0hvcml6b250YWxTY3JvbGxiYXIoKTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoXG4gICAgICAnZGF0YS1oYXMtaG9yaXpvbnRhbC1zY3JvbGxiYXInLFxuICAgICAgdGhpcy5fdGFibGVXcmFwcGVyLnNjcm9sbFdpZHRoID4gdGhpcy5fdGFibGVXcmFwcGVyLm9mZnNldFdpZHRoLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8ZGl2IGNsYXNzPVwic2JiLXRhYmxlLXdyYXBwZXJcIj5cbiAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICA8L2Rpdj5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGFibGUtd3JhcHBlcic6IFNiYlRhYmxlV3JhcHBlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXFCTSwwQkFBc0IsTUFBQTs7MEJBRDNCLGNBQWMsbUJBQW1CLENBQUM7Ozs7b0JBQ0UsaUJBQWlCLFVBQVU7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUd2RCxXQUFBLGtCQUFrQixJQUFJLGlCQUFpQixNQUFNO0FBQUEsUUFDbkQsUUFBUTtBQUFBLFFBQ1IsYUFBYTtBQUFBLFFBQ2IsVUFBVSxNQUFNLEtBQUssMEJBQTJCO0FBQUEsTUFBQSxDQUNqRDtBQUFBLElBQUE7QUFBQSxJQUdrQixhQUFhLG1CQUF1QztBQUNyRSxZQUFNLGFBQWEsaUJBQWlCO0FBQ3BDLFdBQUssZ0JBQWdCLEtBQUssV0FBWSxjQUEyQixvQkFBb0I7QUFDaEYsV0FBQSxnQkFBZ0IsUUFBUSxLQUFLLGFBQWE7QUFBQSxJQUFBO0FBQUEsSUFHekMsNEJBQXlCO0FBQy9CLFdBQUssZ0JBQ0gsaUNBQ0EsS0FBSyxjQUFjLGNBQWMsS0FBSyxjQUFjLFdBQVc7QUFBQSxJQUFBO0FBQUEsSUFJaEQsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQTs7QUF4QlgsaUJBNEJDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUEzQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQXNCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/table.d.ts

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

package/development/table.d.ts.map

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

package/development/table.js

@@ -1,2 +1,5 @@
-export * from "./table/table-wrapper.js";
+import { SbbTableWrapperElement } from "./table/table-wrapper/table-wrapper.js";
+export {
+  SbbTableWrapperElement
+};
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/tabs/tab/tab.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJUYWJMYWJlbEVsZW1lbnQgfSBmcm9tICcuLi90YWItbGFiZWwuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi10YWItZ3JvdXBgLCBpdCBkaXNwbGF5cyBhIHRhYidzIGNvbnRlbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGNvbnRlbnQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10YWInKVxuY2xhc3MgU2JiVGFiRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVGhlIGBzYmItdGFiLWxhYmVsYCBhc3NvY2lhdGVkIHdpdGggdGhlIHRhYi4gKi9cbiAgcHVibGljIGdldCBsYWJlbCgpOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fbGFiZWw7XG4gIH1cbiAgcHJpdmF0ZSBfbGFiZWw6IFNiYlRhYkxhYmVsRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX2dldFRhYkxhYmVsKCk6IFNiYlRhYkxhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIGxldCBwcmV2aW91c1NpYmxpbmcgPSB0aGlzLnByZXZpb3VzRWxlbWVudFNpYmxpbmc7XG4gICAgd2hpbGUgKHByZXZpb3VzU2libGluZyAmJiBwcmV2aW91c1NpYmxpbmcubG9jYWxOYW1lICE9PSAnc2JiLXRhYi1sYWJlbCcpIHtcbiAgICAgIHByZXZpb3VzU2libGluZyA9IHByZXZpb3VzU2libGluZy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nO1xuICAgIH1cbiAgICByZXR1cm4gcHJldmlvdXNTaWJsaW5nIGFzIFNiYlRhYkxhYmVsRWxlbWVudDtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHVibGljIGNvbmZpZ3VyZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9sYWJlbCA9IHRoaXMuX2dldFRhYkxhYmVsKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGFiXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWInOiBTYmJUYWJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFlTSxpQkFBYSxNQUFBOzswQkFEbEIsY0FBYyxTQUFTLENBQUM7Ozs7b0JBQ0c7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFPNUIsV0FBTSxTQUE4QjtBQUFBLElBQUE7QUFBQTtBQUFBLElBSDVDLElBQVcsUUFBSztBQUNkLGFBQU8sS0FBSztBQUFBLElBQUE7QUFBQSxJQUlOLGVBQVk7QUFDbEIsVUFBSSxrQkFBa0IsS0FBSztBQUNwQixhQUFBLG1CQUFtQixnQkFBZ0IsY0FBYyxpQkFBaUI7QUFDdkUsMEJBQWtCLGdCQUFnQjtBQUFBLE1BQUE7QUFFN0IsYUFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBSUYsWUFBUztBQUNULFdBQUEsU0FBUyxLQUFLOztJQUdGLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQXZCWCxpQkE2QkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTVCd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBYSxZQUFBLHVCQUFBLEdBQUM7OzsifQ==