@odx/foundation 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/components/text/text.component.js

@@ -1,34 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import styles from './text.component.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 OdxTextComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    this.emphasized = false;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], OdxTextComponent.prototype, "emphasized", 2);
-__decorateClass([
-  property({ reflect: true })
-], OdxTextComponent.prototype, "size", 2);
-__decorateClass([
-  property({ reflect: true })
-], OdxTextComponent.prototype, "variant", 2);
-OdxTextComponent = __decorateClass([
-  customElement("odx-text", [styles])
-], OdxTextComponent);
-
-export { OdxTextComponent };

package/dist/components/text/text.models.js

@@ -1,12 +0,0 @@
-const TextSize = {
-  XS: "xs",
-  SM: "sm",
-  MD: "md"
-};
-const TextVariant = {
-  HINT: "hint",
-  ACCENT: "info",
-  DANGER: "danger"
-};
-
-export { TextSize, TextVariant };

package/dist/components/title/title.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:var(--_line-height);color:inherit}:host,:host([size=\"xs\"]){--_font-size: var(--odx-breakpoint-font-size-heading-6);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-6)}:host([size=\"sm\"]){--_font-size: var(--odx-breakpoint-font-size-heading-5);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-5)}:host([size=\"md\"]){--_font-size: var(--odx-breakpoint-font-size-heading-4);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-4)}:host([size=\"lg\"]){--_font-size: var(--odx-breakpoint-font-size-heading-3);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-3)}:host([size=\"xl\"]){--_font-size: var(--odx-breakpoint-font-size-heading-2);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-2)}:host([size=\"xxl\"]){--_font-size: var(--odx-breakpoint-font-size-heading-1);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-1)}";
-
-export { styles as default };

package/dist/components/title/title.component.js

@@ -1,31 +0,0 @@
-import { CustomElement, requestUpdateOnAriaChange, customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import styles from './title.component.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 OdxTitleComponent = class extends CustomElement {
-  willUpdate(props) {
-    super.willUpdate(props);
-    if (props.has("ariaLevel")) {
-      this.role = this.ariaLevel !== null ? "heading" : null;
-    }
-  }
-};
-__decorateClass([
-  property({ reflect: true })
-], OdxTitleComponent.prototype, "size", 2);
-OdxTitleComponent = __decorateClass([
-  requestUpdateOnAriaChange(["ariaLevel"]),
-  customElement("odx-title", [styles])
-], OdxTitleComponent);
-
-export { OdxTitleComponent };

package/dist/components/title/title.models.js

@@ -1,10 +0,0 @@
-const TitleSize = {
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg",
-  XL: "xl",
-  XXL: "xxl"
-};
-
-export { TitleSize };

package/dist/components/toggle-button/toggle-button.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--_border-radius: var(--odx-border-radius-sm);--_color-background: transparent;--_color-stroke: var(--odx-color-selection-control-stroke);--_color-foreground: var(--odx-color-foreground);--_size: var(--odx-size-225);--_padding-inline: var(--odx-size-75);display:inline-flex;cursor:pointer;user-select:none;position:relative;border:var(--odx-border-width-thin) solid var(--_color-stroke);border-radius:var(--odx-border-radius-controls);padding-inline:var(--_padding-inline);margin:var(--odx-size-37);transition:var(--odx-transition-default);transition-property:color,background-color,border-color,outline-color;background-color:var(--_color-background);outline-color:var(--_color-stroke);block-size:var(--_size);place-items:center;color:var(--_color-foreground);font-weight:var(--odx-typography-font-weight-medium);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset)}:host::part(label){display:inline-block}:host(:empty)::part(content){display:none}:host(:hover){--_color-background: var(--odx-color-selection-control-fill-hover);--_color-stroke: var(--odx-color-selection-control-stroke-hover)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}:host([aria-pressed=\"true\"]){--_color-background: var(--odx-color-selection-control-fill-selected);--_color-foreground: var(--odx-color-foreground-light);--_color-stroke: var(--odx-color-selection-control-stroke-selected)}:host([aria-pressed=\"true\"]:not(:is([aria-readonly],[aria-disabled])):hover){--_color-background: var(--odx-color-selection-control-fill-selected-hover)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);--_color-stroke: var(--odx-color-disabled-stroke);cursor:not-allowed}:host([aria-readonly=\"true\"]){--_color-background: var(--odx-color-selection-control-fill-readonly);--_color-foreground: var(--odx-color-selection-control-foreground-readonly);--_color-stroke: var(--odx-color-selection-control-stroke-readonly);cursor:default}:host([aria-pressed=\"true\"][aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill-selected);--_color-foreground: var(--odx-color-disabled-foreground-selected)}:host(:not(:last-child)):host-context(odx-button-group[connected]){margin-inline-end:calc(-1 * var(--odx-size-12))!important}";
-
-export { styles as default };

package/dist/components/toggle-button/toggle-button.component.js

@@ -1,52 +0,0 @@
-import { CheckboxFormControl, toAriaBooleanAttribute, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import styles from './toggle-button.component.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 OdxToggleButtonComponent = class extends CheckboxFormControl {
-  constructor() {
-    super(...arguments);
-    this.checked = false;
-    this.pressed = false;
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.role = "button";
-  }
-  updateAriaAttributes() {
-    this.ariaPressed = toAriaBooleanAttribute(this.pressed, false);
-  }
-  willUpdate(props) {
-    if (props.has("checked")) {
-      this.pressed = this.checked;
-    }
-    super.willUpdate(props);
-  }
-  render() {
-    return html`
-      <div part="indicator"></div>
-      <div part="label"><slot></slot></div>
-    `;
-  }
-};
-__decorateClass([
-  property({ type: Boolean })
-], OdxToggleButtonComponent.prototype, "checked", 2);
-__decorateClass([
-  property({ type: Boolean })
-], OdxToggleButtonComponent.prototype, "pressed", 2);
-OdxToggleButtonComponent = __decorateClass([
-  customElement("odx-toggle-button", [styles])
-], OdxToggleButtonComponent);
-
-export { OdxToggleButtonComponent };

package/dist/components/visually-hidden/visually-hidden.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{all:initial;border:0!important;clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;inset-block-start:0;inline-size:1px!important}";
-
-export { styles as default };

package/dist/components/visually-hidden/visually-hidden.component.js

@@ -1,22 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import styles from './visually-hidden.component.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 OdxVisuallyHiddenComponent = class extends CustomElement {
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-OdxVisuallyHiddenComponent = __decorateClass([
-  customElement("odx-visually-hidden", [styles])
-], OdxVisuallyHiddenComponent);
-
-export { OdxVisuallyHiddenComponent };

package/dist/elements/form-field/form-field.element.css.js

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

package/dist/elements/form-field/form-field.element.js

@@ -1,62 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import styles from './form-field.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 _handleSlotChange;
-const FORM_FIELD_CONTROL_SELECTOR = "odx-form-field-control";
-let OdxFormFieldElement = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleSlotChange, () => {
-      this.control?.addEventListener("change", () => this.requestUpdate());
-    });
-  }
-  get control() {
-    return this.elements.find((element) => element.hasAttribute(FORM_FIELD_CONTROL_SELECTOR));
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-  }
-  render() {
-    const isValid = this.control?.checkValidity();
-    return html`
-      <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
-      ${when(isValid === false, () => this.renderErrorMessage())}
-
-    `;
-  }
-  renderErrorMessage() {
-    return html`
-      <odx-inline-message variant="danger">
-        ${this.control?.validationMessage}
-      </odx-inline-message>
-    `;
-  }
-};
-_handleSlotChange = new WeakMap();
-__decorateClass([
-  queryAssignedElements({ flatten: true })
-], OdxFormFieldElement.prototype, "elements", 2);
-OdxFormFieldElement = __decorateClass([
-  customElement("odx-form-field", [styles])
-], OdxFormFieldElement);
-
-export { OdxFormFieldElement };

package/dist/elements/form-field/index.d.ts

@@ -1,2 +0,0 @@
-export * from './form-field.element';
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/main.d.ts

@@ -1,5 +0,0 @@
-export * from './form-field';
-export * from './table';
-export * from './toast';
-export * from './tooltip';
-//# sourceMappingURL=main.d.ts.map

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

@@ -1,2 +0,0 @@
-export * from './table-body.element';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,26 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export * from './table-cell.element';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,26 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export * from './table-checkbox-cell.element';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,66 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export * from './table-header.element';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,52 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export * from './table-header-cell.element';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,40 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export * from './table-row.element';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,111 +0,0 @@
-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 };