@odx/foundation 0.1.0-alpha.2 → 0.1.0-alpha.21

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;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF;AAED,qBACa,2BAA4B,SAAQ,aAAa;;IAE5D,OAAO,CAAC,OAAO,CAAsB;IAGrC,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

@@ -1,11 +1,11 @@
+import { CheckboxFormControl } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { CheckboxControl } from '../../../checkbox';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-header': OdxTableHeaderElement;
     }
 }
-export declare class OdxTableHeaderElement extends CheckboxControl {
+export declare class OdxTableHeaderElement extends CheckboxFormControl {
     #private;
     selected?: boolean;
     connectedCallback(): void;

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":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF;AAED,qBACa,qBAAsB,SAAQ,eAAe;;IAExD,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"}

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

@@ -0,0 +1,97 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './table.element.css.js';
+import { OdxTableHeaderElement } from './elements/table-header/table-header.element.js';
+import { OdxTableRowElement } from './elements/table-row/table-row.element.js';
+import { OdxTableCheckboxCellElement } from './elements/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 _selectedSet, _OdxTableElement_instances, selectAllRows_fn, deselectAllRows_fn, _handleChange;
+let OdxTableElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTableElement_instances);
+    __privateAdd(this, _selectedSet, /* @__PURE__ */ new Set());
+    this.mode = "selection";
+    this.selected = [];
+    this.items = [];
+    __privateAdd(this, _handleChange, (event) => {
+      if (event.target.localName !== OdxTableCheckboxCellElement.selector) return;
+      event.stopPropagation();
+      const rowElement = event.target.parentElement;
+      if (!rowElement) return;
+      const isSelected = event.target.checked;
+      if (rowElement.localName === OdxTableHeaderElement.selector) {
+        if (event.target.checked) {
+          __privateMethod(this, _OdxTableElement_instances, selectAllRows_fn).call(this);
+        } else {
+          __privateMethod(this, _OdxTableElement_instances, deselectAllRows_fn).call(this);
+        }
+      } else if (isSelected) {
+        __privateGet(this, _selectedSet).add(rowElement.value);
+      } else {
+        __privateGet(this, _selectedSet).delete(rowElement.value);
+      }
+    });
+  }
+  get headerElements() {
+    return Array.from(this.querySelectorAll(OdxTableHeaderElement.selector));
+  }
+  get rowElements() {
+    return Array.from(this.querySelectorAll(OdxTableRowElement.selector));
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "grid";
+  }
+  render() {
+    return html`<slot @change=${__privateGet(this, _handleChange)}></slot>`;
+  }
+};
+_selectedSet = new WeakMap();
+_OdxTableElement_instances = new WeakSet();
+selectAllRows_fn = function() {
+  for (const row of this.rowElements) {
+    row.selected = true;
+    __privateGet(this, _selectedSet).add(row.value);
+  }
+};
+deselectAllRows_fn = function() {
+  __privateGet(this, _selectedSet).clear();
+  for (const row of this.rowElements) {
+    if (!row.selected) continue;
+    row.selected = false;
+  }
+};
+_handleChange = new WeakMap();
+__decorateClass([
+  property()
+], OdxTableElement.prototype, "mode", 2);
+__decorateClass([
+  property({ type: Array })
+], OdxTableElement.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Array })
+], OdxTableElement.prototype, "items", 2);
+OdxTableElement = __decorateClass([
+  customElement("odx-table", [styles])
+], OdxTableElement);
+
+export { OdxTableElement };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../elements/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/elements/toast/models/index.d.ts.map

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

package/dist/elements/toast/models/toast-variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-variant.d.ts","sourceRoot":"","sources":["../../../../src/elements/toast/models/toast-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,eAAO,MAAM,YAAY;;CAEf,CAAC"}
+{"version":3,"file":"toast-variant.d.ts","sourceRoot":"","sources":["../../../../elements/toast/models/toast-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,eAAO,MAAM,YAAY;;CAEf,CAAC"}

package/dist/elements/toast/models/toast-variant.js

@@ -0,0 +1,5 @@
+const ToastVariant = {
+  DANGER: "danger"
+};
+
+export { ToastVariant };

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

@@ -0,0 +1,3 @@
+const styles = "";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"toast.element.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;IAEhD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;cAEX,MAAM,IAAI,cAAc;CAM5C"}
+{"version":3,"file":"toast.element.d.ts","sourceRoot":"","sources":["../../../elements/toast/toast.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;IAEhD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;cAEX,MAAM,IAAI,cAAc;CAM5C"}

package/dist/elements/toast/toast.element.js

@@ -0,0 +1,31 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './toast.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 OdxToastElement = class extends CustomElement {
+  render() {
+    return html`
+      <slot name="title"></slot>
+      <slot></slot>
+    `;
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxToastElement.prototype, "variant", 2);
+OdxToastElement = __decorateClass([
+  customElement("odx-toast", [styles])
+], OdxToastElement);
+
+export { OdxToastElement };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../elements/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}

package/dist/elements/tooltip/models/index.d.ts.map

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

package/dist/elements/tooltip/models/tooltip-placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-placement.d.ts","sourceRoot":"","sources":["../../../../src/elements/tooltip/models/tooltip-placement.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC"}
+{"version":3,"file":"tooltip-placement.d.ts","sourceRoot":"","sources":["../../../../elements/tooltip/models/tooltip-placement.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC"}

package/dist/elements/tooltip/models/tooltip-placement.js

@@ -0,0 +1,10 @@
+import { PopoverPlacement } from '@odx/foundation/cdk';
+
+const TooltipPlacement = {
+  TOP: PopoverPlacement.TOP,
+  RIGHT: PopoverPlacement.RIGHT,
+  BOTTOM: PopoverPlacement.BOTTOM,
+  LEFT: PopoverPlacement.LEFT
+};
+
+export { TooltipPlacement };

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

@@ -0,0 +1,3 @@
+const styles = ":host(:not([interactive])){pointer-events:none}odx-popover{--color-fill: var(--odx-palette-blue-90);--color-text: var(--odx-color-text-inverse)}::slotted(odx-button[aria-disabled=\"true\"]){pointer-events:auto}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.element.d.ts","sourceRoot":"","sources":["../../../src/elements/tooltip/tooltip.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF;;AAED,qBACa,iBAAkB,SAAQ,sBAA0B;;IAEtD,SAAS,QAAwB;IAG1C,WAAW,UAAS;IAGX,EAAE,SAAU;IAEZ,iBAAiB,IAAI,IAAI;IAMzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAQzD,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;cAOzC,MAAM,IAAI,cAAc;cAQxB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDjE"}
+{"version":3,"file":"tooltip.element.d.ts","sourceRoot":"","sources":["../../../elements/tooltip/tooltip.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF;;AAED,qBACa,iBAAkB,SAAQ,sBAA0B;;IAEtD,SAAS,QAAwB;IAG1C,WAAW,UAAS;IAGX,EAAE,SAAU;IAEZ,iBAAiB,IAAI,IAAI;IAMzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAQzD,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;cAOzC,MAAM,IAAI,cAAc;cAQxB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDjE"}