@odx/foundation 0.1.0-alpha.13 → 0.1.0-alpha.14

package/dist/elements/slider/slider-marks.element.js

@@ -0,0 +1,61 @@
+import { consume } from '@lit/context';
+import { CustomElement, customElement } from '@odx/foundation';
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { sliderContext } from './slider-context.js';
+import styles from './slider-marks.element.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxSliderMarksElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.context = sliderContext.defaultValue;
+    this.showLabels = false;
+  }
+  async connectedCallback() {
+    super.connectedCallback?.();
+    this.slot = "marks";
+  }
+  render() {
+    const step = this.step ?? this.context.step;
+    const markCount = Math.floor(this.context.range / step);
+    const marks = new Array(markCount).fill(null).map((_, index) => step * index + this.context.min);
+    return html`
+      ${repeat(marks, (value) => this.renderMark(value))}
+      ${this.renderMark(this.context.max, true)}
+    `;
+  }
+  renderMark(value, last = false) {
+    const label = this.showLabels ? html`<odx-text part="mark-label" size="xs" highlight>${value}</odx-text>` : nothing;
+    return html`
+      <div part="mark" ?last=${last}>
+        <span part="mark-tick"></span>
+        ${label}
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  consume({ context: sliderContext.context, subscribe: true })
+], OdxSliderMarksElement.prototype, "context", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxSliderMarksElement.prototype, "step", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxSliderMarksElement.prototype, "showLabels", 2);
+OdxSliderMarksElement = __decorateClass([
+  customElement("odx-slider-marks", [styles])
+], OdxSliderMarksElement);
+
+export { OdxSliderMarksElement };

package/dist/elements/slider/slider.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_track-size: var(--odx-size-25);--_track-color: var(--odx-slider-track-color, var(--odx-color-primary));--_layer-background: 0;--_layer-interactive-disabled: 1;--_layer-interactive: 2;--_layer-foreground: 3;display:flex;flex-direction:column;place-content:center;min-height:var(--odx-size-300);padding-block-start:var(--odx-size-75);padding-block-end:var(--odx-size-50);padding-inline:var(--odx-size-75);cursor:pointer}:host(:active){cursor:grabbing}:host::part(container){block-size:var(--_track-size);position:relative;background-color:var(--odx-palette-coolgray-40);border-radius:var(--odx-border-radius-sm)}";
+
+export { styles as default };

package/dist/elements/slider/slider.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.element.d.ts","sourceRoot":"","sources":["../../../src/elements/slider/slider.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAuC,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,KAAK,CAAC;AAE1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;;IACjD,SAAS,CAAC,cAAc,yCAGrB;IAGH,SAAS,CAAC,OAAO,2CAA8B;IAG/C,SAAS,CAAC,SAAS,EAAG,WAAW,CAAC;IAElC,IACI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IACI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;IACD,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IACI,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAE/C;IACD,IAAI,eAAe,IAAI,qBAAqB,CAE3C;IAED,IACI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;;cASkB,MAAM,IAAI,cAAc;CAiC5C"}
+{"version":3,"file":"slider.element.d.ts","sourceRoot":"","sources":["../../../elements/slider/slider.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAuC,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,KAAK,CAAC;AAE1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;;IACjD,SAAS,CAAC,cAAc,yCAGrB;IAGH,SAAS,CAAC,OAAO,2CAA8B;IAG/C,SAAS,CAAC,SAAS,EAAG,WAAW,CAAC;IAElC,IACI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IACI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;IACD,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IACI,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAE/C;IACD,IAAI,eAAe,IAAI,qBAAqB,CAE3C;IAED,IACI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;;cASkB,MAAM,IAAI,cAAc;CAiC5C"}

package/dist/elements/slider/slider.element.js

@@ -0,0 +1,119 @@
+import { provide } from '@lit/context';
+import { CustomElement, getKeyboardEventInfo, customElement } from '@odx/foundation';
+import { DragController } from '@odx/foundation/cdk';
+import { minBy, maxBy } from 'es-toolkit/array';
+import { isServer, html } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import { sliderContext } from './slider-context.js';
+import { OdxSliderHandleElement } from './slider-handle.element.js';
+import styles from './slider.element.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+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 _handleKeyboardEvent, _handleSlotChange;
+let OdxSliderElement = class extends CustomElement {
+  constructor() {
+    super();
+    this.dragController = new DragController(this, {
+      getDraggableElements: () => Array.from(this.querySelectorAll(OdxSliderHandleElement.selector)),
+      getContainer: () => this.container
+    });
+    this.context = sliderContext.defaultValue;
+    __privateAdd(this, _handleKeyboardEvent, (event) => {
+      const { actions, direction } = getKeyboardEventInfo(event);
+      const target = event.target;
+      if (target.localName !== OdxSliderHandleElement.selector || actions.tab || actions.backTab || target.disabled) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (direction.left || direction.down) {
+        target.value -= this.step;
+      } else if (direction.right || direction.up) {
+        target.value += this.step;
+      } else if (actions.start) {
+        target.value = this.context.min;
+      } else if (actions.end) {
+        target.value = this.context.max;
+      }
+    });
+    __privateAdd(this, _handleSlotChange, async () => {
+      const elements = this.dragController.draggableElements;
+      const min = minBy(elements, (elment) => elment.min)?.min ?? 0;
+      const max = maxBy(elements, (element) => element.max)?.max ?? 1;
+      this.context = { ...this.context, min, max, range: Math.abs(max - min) };
+    });
+    if (!isServer) {
+      this.addEventListener("keydown", __privateGet(this, _handleKeyboardEvent));
+    }
+  }
+  set step(value) {
+    this.context = { ...this.context, step: Math.max(1, value) };
+  }
+  get step() {
+    return this.context.step;
+  }
+  set minRange(value) {
+    this.context = { ...this.context, minRange: Math.max(0, value) };
+  }
+  get minRange() {
+    return this.context.minRange;
+  }
+  set labelVisibility(value) {
+    this.context = { ...this.context, labelVisibility: value };
+  }
+  get labelVisibility() {
+    return this.context.labelVisibility;
+  }
+  set unit(value) {
+    this.context = { ...this.context, unit: value.trim() };
+  }
+  get unit() {
+    return this.context.unit;
+  }
+  render() {
+    return html`
+      <div part="container" role="presentation">
+        <slot name="thumbs" @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
+        <slot name="marks"></slot>
+      </div>
+    `;
+  }
+};
+_handleKeyboardEvent = new WeakMap();
+_handleSlotChange = new WeakMap();
+__decorateClass([
+  provide({ context: sliderContext.context })
+], OdxSliderElement.prototype, "context", 2);
+__decorateClass([
+  query('[part="container"]', true)
+], OdxSliderElement.prototype, "container", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxSliderElement.prototype, "step", 1);
+__decorateClass([
+  property({ type: Number })
+], OdxSliderElement.prototype, "minRange", 1);
+__decorateClass([
+  property()
+], OdxSliderElement.prototype, "labelVisibility", 1);
+__decorateClass([
+  property()
+], OdxSliderElement.prototype, "unit", 1);
+OdxSliderElement = __decorateClass([
+  customElement("odx-slider", [styles])
+], OdxSliderElement);
+
+export { OdxSliderElement };

package/dist/elements/table/elements/table-body/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-body/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-body/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/elements/table/elements/table-body/table-body.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;flex-grow:1}";
+
+export { styles as default };

package/dist/elements/table/elements/table-body/table-body.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-body.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-body/table-body.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,qBACa,mBAAoB,SAAQ,aAAa;IAC3C,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAG5C"}
+{"version":3,"file":"table-body.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-body/table-body.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,qBACa,mBAAoB,SAAQ,aAAa;IAC3C,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAG5C"}

package/dist/elements/table/elements/table-body/table-body.element.js

@@ -0,0 +1,26 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './table-body.element.css.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxTableBodyElement = class extends CustomElement {
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "rowgroup";
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+OdxTableBodyElement = __decorateClass([
+  customElement("odx-table-body", [styles])
+], OdxTableBodyElement);
+
+export { OdxTableBodyElement };

package/dist/elements/table/elements/table-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/elements/table/elements/table-cell/table-cell.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;block-size:auto;flex:1 1 0%;padding-inline:var(--odx-size-75);line-height:var(--odx-size-300)}";
+
+export { styles as default };

package/dist/elements/table/elements/table-cell/table-cell.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-cell/table-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,qBACa,mBAAoB,SAAQ,aAAa;IAC3C,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAG5C"}
+{"version":3,"file":"table-cell.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-cell/table-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,qBACa,mBAAoB,SAAQ,aAAa;IAC3C,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAG5C"}

package/dist/elements/table/elements/table-cell/table-cell.element.js

@@ -0,0 +1,26 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './table-cell.element.css.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxTableCellElement = class extends CustomElement {
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "gridcell";
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+OdxTableCellElement = __decorateClass([
+  customElement("odx-table-cell", [styles])
+], OdxTableCellElement);
+
+export { OdxTableCellElement };

package/dist/elements/table/elements/table-checkbox-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-checkbox-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-checkbox-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;block-size:auto;flex:0 0 auto;padding-inline:var(--odx-size-75);line-height:var(--odx-size-300)}.checkbox{padding:var(--odx-size-37)}";
+
+export { styles as default };

package/dist/elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-checkbox-cell.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF;AAED,qBACa,2BAA4B,SAAQ,aAAa;;IAE5D,OAAO,CAAC,OAAO,CAAwB;IAGvC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEb,iBAAiB,IAAI,IAAI;IAKzB,KAAK,IAAI,IAAI;cAIH,MAAM,IAAI,cAAc;CAW5C"}
+{"version":3,"file":"table-checkbox-cell.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF;AAED,qBACa,2BAA4B,SAAQ,aAAa;;IAE5D,OAAO,CAAC,OAAO,CAAwB;IAGvC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEb,iBAAiB,IAAI,IAAI;IAKzB,KAAK,IAAI,IAAI;cAIH,MAAM,IAAI,cAAc;CAW5C"}

package/dist/elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.js

@@ -0,0 +1,66 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import styles from './table-checkbox-cell.element.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _OdxTableCheckboxCellElement_instances, handleChange_fn;
+let OdxTableCheckboxCellElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTableCheckboxCellElement_instances);
+    this.checked = false;
+    this.disabled = false;
+    this.indeterminate = false;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "gridcell";
+  }
+  click() {
+    this.control.click();
+  }
+  render() {
+    return html`<odx-checkbox class="checkbox" ?checked=${this.checked} ?disabled=${this.disabled} ?indeterminate=${this.indeterminate} @change=${__privateMethod(this, _OdxTableCheckboxCellElement_instances, handleChange_fn)}></odx-checkbox>`;
+  }
+};
+_OdxTableCheckboxCellElement_instances = new WeakSet();
+handleChange_fn = function(event) {
+  event.preventDefault();
+  event.stopPropagation();
+  this.checked = event.target.checked;
+  this.indeterminate = false;
+  this.emit("change");
+};
+__decorateClass([
+  query(".checkbox")
+], OdxTableCheckboxCellElement.prototype, "control", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxTableCheckboxCellElement.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxTableCheckboxCellElement.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxTableCheckboxCellElement.prototype, "indeterminate", 2);
+OdxTableCheckboxCellElement = __decorateClass([
+  customElement("odx-table-checkbox-cell", [styles])
+], OdxTableCheckboxCellElement);
+
+export { OdxTableCheckboxCellElement };

package/dist/elements/table/elements/table-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/elements/table/elements/table-header/table-header.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;align-items:center;border-block-end:var(--odx-border-sm);border-color:var(--odx-color-outline-surface);padding-inline:var(--odx-size-75)}odx-checkbox{pointer-events:none;margin-inline-start:var(--odx-size-75)}";
+
+export { styles as default };

package/dist/elements/table/elements/table-header/table-header.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-header/table-header.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF;AAED,qBACa,qBAAsB,SAAQ,mBAAmB;;IAE5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEV,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAW5C"}
+{"version":3,"file":"table-header.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-header/table-header.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF;AAED,qBACa,qBAAsB,SAAQ,mBAAmB;;IAE5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEV,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAW5C"}

package/dist/elements/table/elements/table-header/table-header.element.js

@@ -0,0 +1,52 @@
+import { CheckboxFormControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './table-header.element.css.js';
+import { OdxTableCheckboxCellElement } from '../table-checkbox-cell/table-checkbox-cell.element.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _OdxTableHeaderElement_instances, handleChange_fn;
+let OdxTableHeaderElement = class extends CheckboxFormControl {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTableHeaderElement_instances);
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "row";
+  }
+  render() {
+    return html` <slot @change=${__privateMethod(this, _OdxTableHeaderElement_instances, handleChange_fn)}></slot>`;
+  }
+};
+_OdxTableHeaderElement_instances = new WeakSet();
+handleChange_fn = async function(event) {
+  if (event.target.localName !== OdxTableCheckboxCellElement.selector) return;
+  this.selected = event.target.checked;
+  await 0;
+  if (!event.defaultPrevented) return;
+  this.selected = !this.selected;
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTableHeaderElement.prototype, "selected", 2);
+OdxTableHeaderElement = __decorateClass([
+  customElement("odx-table-header", [styles])
+], OdxTableHeaderElement);
+
+export { OdxTableHeaderElement };

package/dist/elements/table/elements/table-header-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-header-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-header-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/elements/table/elements/table-header-cell/table-header-cell.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;block-size:auto;flex:1 1 0%;padding-inline:var(--odx-size-75);line-height:var(--odx-size-225)}";
+
+export { styles as default };

package/dist/elements/table/elements/table-header-cell/table-header-cell.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-cell.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-header-cell/table-header-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IAE1D,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAO5C"}
+{"version":3,"file":"table-header-cell.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-header-cell/table-header-cell.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IAE1D,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAO5C"}

package/dist/elements/table/elements/table-header-cell/table-header-cell.element.js

@@ -0,0 +1,40 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './table-header-cell.element.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxTableHeaderCellElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.sortable = false;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "columnheader";
+  }
+  render() {
+    return html`
+      <odx-title size="xs">
+        <slot></slot> (${this.sortable ? "sortable" : "not sortable"})
+      </odx-title>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Boolean })
+], OdxTableHeaderCellElement.prototype, "sortable", 2);
+OdxTableHeaderCellElement = __decorateClass([
+  customElement("odx-table-header-cell", [styles])
+], OdxTableHeaderCellElement);
+
+export { OdxTableHeaderCellElement };

package/dist/elements/table/elements/table-row/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-row/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-row/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/elements/table/elements/table-row/table-row.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-fill: transparent;display:flex;align-items:center;inline-size:100%;border-block-end:var(--odx-border-sm);background-color:var(--_color-fill);transition:var(--odx-transition-reduced);transition-property:background-color;padding-inline:var(--odx-size-75);cursor:pointer}:host(:not(:last-of-type)){border-color:var(--odx-color-outline-surface)}:host([selectable]:not([selectable=\"false\"]):hover){--_color-fill: var(--odx-color-surface-raised)}:host([selected]:not([selected=\"false\"])){--_color-fill: var(--odx-color-surface-raised)}odx-checkbox{pointer-events:none;margin-inline-start:var(--odx-size-75)}";
+
+export { styles as default };

package/dist/elements/table/elements/table-row/table-row.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/elements/table-row/table-row.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAyC,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAiC;IAGtD,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,UAAU,UAAQ;IAGlB,KAAK,SAAM;IAEF,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;cAMxB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDnE"}
+{"version":3,"file":"table-row.element.d.ts","sourceRoot":"","sources":["../../../../../elements/table/elements/table-row/table-row.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAyC,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAiC;IAGtD,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,UAAU,UAAQ;IAGlB,KAAK,SAAM;IAEF,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;cAMxB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDnE"}

package/dist/elements/table/elements/table-row/table-row.element.js

@@ -0,0 +1,111 @@
+import { CustomElement, toAriaBooleanAttribute, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { queryAssignedElements, property } from 'lit/decorators.js';
+import styles from './table-row.element.css.js';
+import { OdxTableCheckboxCellElement } from '../table-checkbox-cell/table-checkbox-cell.element.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _OdxTableRowElement_instances, handleSelectedChange_fn, handleSelectableChange_fn, _handleClick, _handleChange, handleSlotchange_fn, isCheckboxCell_fn;
+let OdxTableRowElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTableRowElement_instances);
+    this.disabled = false;
+    this.selected = false;
+    this.selectable = true;
+    this.value = "";
+    __privateAdd(this, _handleClick, (event) => {
+      const isCheckboxCell = event.composedPath().some((node) => node.localName === OdxTableCheckboxCellElement.selector);
+      if (isCheckboxCell) return;
+      const [checkboxCell] = this.checkboxCells;
+      checkboxCell?.click();
+    });
+    __privateAdd(this, _handleChange, async (event) => {
+      this.selected = event.target.checked;
+      await 0;
+      if (!event.defaultPrevented) return;
+      this.selected = !this.selected;
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "row";
+  }
+  render() {
+    return html`
+      <slot @change=${__privateGet(this, _handleChange)} @slotchange=${__privateMethod(this, _OdxTableRowElement_instances, handleSlotchange_fn)}></slot>
+    `;
+  }
+  willUpdate(changes) {
+    super.willUpdate?.(changes);
+    if (changes.has("selected")) {
+      __privateMethod(this, _OdxTableRowElement_instances, handleSelectedChange_fn).call(this);
+    }
+    if (changes.has("selectable")) {
+      __privateMethod(this, _OdxTableRowElement_instances, handleSelectableChange_fn).call(this);
+    }
+  }
+};
+_OdxTableRowElement_instances = new WeakSet();
+handleSelectedChange_fn = async function() {
+  await this.updateComplete;
+  if (this.selectable) {
+    this.ariaSelected = toAriaBooleanAttribute(this.selected, false);
+  } else {
+    this.ariaSelected = null;
+  }
+  const [checkboxCell] = this.checkboxCells;
+  if (!checkboxCell) return;
+  checkboxCell.checked = this.selected;
+};
+handleSelectableChange_fn = function() {
+  if (this.selectable) {
+    this.addEventListener("click", __privateGet(this, _handleClick));
+  } else {
+    this.removeEventListener("click", __privateGet(this, _handleClick));
+  }
+};
+_handleClick = new WeakMap();
+_handleChange = new WeakMap();
+handleSlotchange_fn = function({ target }) {
+  this.selectable = target.assignedElements().some(__privateMethod(this, _OdxTableRowElement_instances, isCheckboxCell_fn));
+};
+isCheckboxCell_fn = function(element) {
+  return element.localName === OdxTableCheckboxCellElement.selector;
+};
+__decorateClass([
+  queryAssignedElements({ selector: OdxTableCheckboxCellElement.selector, flatten: true })
+], OdxTableRowElement.prototype, "checkboxCells", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTableRowElement.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTableRowElement.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTableRowElement.prototype, "selectable", 2);
+__decorateClass([
+  property({ type: String })
+], OdxTableRowElement.prototype, "value", 2);
+OdxTableRowElement = __decorateClass([
+  customElement("odx-table-row", [styles])
+], OdxTableRowElement);
+
+export { OdxTableRowElement };

package/dist/elements/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../elements/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/dist/elements/table/table.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.context.d.ts","sourceRoot":"","sources":["../../../src/elements/table/table.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY;;;;kBAEkB,YAAY;CACtD,CAAC"}
+{"version":3,"file":"table.context.d.ts","sourceRoot":"","sources":["../../../elements/table/table.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY;;;;kBAEkB,YAAY;CACtD,CAAC"}

package/dist/elements/table/table.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;flex-direction:column;background-color:var(--odx-color-surface)}";
+
+export { styles as default };

package/dist/elements/table/table.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.element.d.ts","sourceRoot":"","sources":["../../../src/elements/table/table.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;;IAGhD,SAAS,KAAK,cAAc,IAAI,qBAAqB,EAAE,CAEtD;IAED,SAAS,KAAK,WAAW,IAAI,kBAAkB,EAAE,CAEhD;IAGD,IAAI,SAAe;IAGnB,QAAQ,EAAE,MAAM,EAAE,CAAM;IAGxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE7B,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAyC5C"}
+{"version":3,"file":"table.element.d.ts","sourceRoot":"","sources":["../../../elements/table/table.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;;IAGhD,SAAS,KAAK,cAAc,IAAI,qBAAqB,EAAE,CAEtD;IAED,SAAS,KAAK,WAAW,IAAI,kBAAkB,EAAE,CAEhD;IAGD,IAAI,SAAe;IAGnB,QAAQ,EAAE,MAAM,EAAE,CAAM;IAGxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE7B,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAyC5C"}