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

package/dist/components/checkbox/index.d.ts.map

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

package/dist/components/checkbox-group/checkbox-group.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;flex-direction:column}::slotted(:is(odx-checkbox,odx-switch)){width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-checkbox,odx-switch)){border-block-end:var(--odx-border-width-thin) solid var(--odx-color-separator);padding:var(--odx-size-75);margin:0;width:auto}:host([variant=\"list\"]) ::slotted(:is(odx-checkbox,odx-switch):last-of-type){border-block-end:none}::slotted(odx-checkbox-group){margin-inline-start:var(--odx-size-75)}";
+
+export { styles as default };

package/dist/components/checkbox-group/checkbox-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,wBAAwB,EAAiB,MAAM,iBAAiB,CAAC;AACpG,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,wBAAwB;;IAErE,OAAO,CAAC,EAAE,oBAAoB,CAAC;cAEZ,MAAM,IAAI,cAAc;CAmB5C"}
+{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../components/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,wBAAwB,EAAiB,MAAM,iBAAiB,CAAC;AACpG,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,wBAAwB;;IAErE,OAAO,CAAC,EAAE,oBAAoB,CAAC;cAEZ,MAAM,IAAI,cAAc;CAmB5C"}

package/dist/components/checkbox-group/checkbox-group.component.js

@@ -0,0 +1,54 @@
+import { CheckboxGroupFormControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './checkbox-group.component.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, _handleGroupControlChange;
+let OdxCheckboxGroupComponent = class extends CheckboxGroupFormControl {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleSlotChange, () => {
+      for (const control of this.groupControls) {
+        control.addEventListener("change", __privateGet(this, _handleGroupControlChange));
+      }
+    });
+    __privateAdd(this, _handleGroupControlChange, (event) => {
+      const { target } = event;
+      if (!this.isControl(target)) return;
+      event.stopImmediatePropagation();
+      this.updateValue(target.checked ? this.controls.map((control) => control.value) : [], true);
+      for (const groupControl of this.childGroups.flatMap((group) => group.groupControls)) {
+        groupControl.checked = target.checked;
+      }
+    });
+  }
+  render() {
+    return html`<slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>`;
+  }
+};
+_handleSlotChange = new WeakMap();
+_handleGroupControlChange = new WeakMap();
+__decorateClass([
+  property({ reflect: true })
+], OdxCheckboxGroupComponent.prototype, "variant", 2);
+OdxCheckboxGroupComponent = __decorateClass([
+  customElement("odx-checkbox-group", [styles])
+], OdxCheckboxGroupComponent);
+
+export { OdxCheckboxGroupComponent };

package/dist/components/checkbox-group/checkbox-group.models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.models.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACpG,eAAO,MAAM,oBAAoB;;CAEvB,CAAC"}
+{"version":3,"file":"checkbox-group.models.d.ts","sourceRoot":"","sources":["../../../components/checkbox-group/checkbox-group.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACpG,eAAO,MAAM,oBAAoB;;CAEvB,CAAC"}

package/dist/components/checkbox-group/checkbox-group.models.js

@@ -0,0 +1,5 @@
+const CheckboxGroupVariant = {
+  LIST: "list"
+};
+
+export { CheckboxGroupVariant };

package/dist/components/checkbox-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/checkbox-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-color-neutral);--_color-background-hover: var(--odx-color-neutral-hover);--_color-foreground: var(--odx-color-neutral-text);--_font-size: var(--odx-font-size-text-sm);--_block-size: var(--odx-size-150);--_border-radius: var(--_block-size);--_padding-inline: var(--odx-size-50);display:inline-flex;place-items:center;background-color:var(--_color-background);cursor:inherit;padding-inline:var(--odx-size-50);gap:var(--odx-size-25);block-size:var(--_block-size);border-radius:var(--_border-radius);color:var(--_color-foreground);outline-offset:var(--odx-focus-ring-offset)}:host,.content,.action{transition:var(--odx-transition-reduced);transition-property:color background-color outline-color}:host,.action{outline:var(--odx-focus-ring-outline)}:host(:focus-visible),.action:focus-visible{outline-color:var(--odx-focus-ring-color)}.content{min-inline-size:var(--odx-size-150);user-select:none}.action,::slotted(odx-icon){font-size:var(--odx-font-size-text-md);block-size:var(--_block-size);inline-size:var(--_block-size);color:inherit;outline-offset:calc(-1 * var(--odx-focus-ring-offset))}.action{background-color:var(--_color-background);border:none;border-radius:var(--_border-radius);cursor:pointer;margin-inline-end:calc(-1 * var(--_padding-inline));padding:0}.action:hover{background-color:var(--_color-background-hover)}:host,:host([variant=\"neutral\"]){--_color-background: var(--odx-color-neutral-rest);--_color-background-hover: var(--odx-color-neutral-hover);--_color-foreground: var(--odx-color-foreground)}:host([variant=\"primary\"]){--_color-background: var(--odx-color-primary-rest);--_color-background-hover: var(--odx-color-primary-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"highlight\"]){--_color-background: var(--odx-color-highlight-rest);--_color-background-hover: var(--odx-color-highlight-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"success\"]){--_color-background: var(--odx-color-success-rest);--_color-background-hover: var(--odx-color-success-hover);--_color-foreground: var(--odx-color-success-text)}:host([variant=\"warning\"]){--_color-background: var(--odx-color-warning-rest);--_color-background-hover: var(--odx-color-warning-hover);--_color-foreground: var(--odx-color-warning-text)}:host([variant=\"danger\"]){--_color-background: var(--odx-color-danger-rest);--_color-background-hover: var(--odx-color-danger-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);.action{pointer-events:none}}:host([interactive]:not([interactive=\"false\"])){cursor:pointer}:host([interactive]:not([interactive=\"false\"]):hover){--_color-background: var(--_color-background-hover)}:host([aria-disabled=\"true\"][interactive]:not([interactive=\"false\"])){--_color-background: var(--odx-color-disabled-fill);cursor:not-allowed}";
+
+export { styles as default };

package/dist/components/chip/chip.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAuD,MAAM,iBAAiB,CAAC;AACpH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;;AAED,qBACa,gBAAiB,SAAQ,qBAA4B;;IAEhE,SAAS,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAGtC,SAAS,UAAS;IAGlB,WAAW,UAAS;IAGpB,OAAO,CAAC,EAAE,WAAW,CAAC;cAEH,MAAM,IAAI,cAAc;IAS3C,SAAS,CAAC,YAAY,IAAI,cAAc;cAQrB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAU/C,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAuBhE"}
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../components/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAuD,MAAM,iBAAiB,CAAC;AACpH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;;AAED,qBACa,gBAAiB,SAAQ,qBAA4B;;IAEhE,SAAS,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAGtC,SAAS,UAAS;IAGlB,WAAW,UAAS;IAGpB,OAAO,CAAC,EAAE,WAAW,CAAC;cAEH,MAAM,IAAI,cAAc;IAS3C,SAAS,CAAC,YAAY,IAAI,cAAc;cAQrB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAU/C,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAuBhE"}

package/dist/components/chip/chip.component.js

@@ -0,0 +1,94 @@
+import { CanBeDisabled, CustomElement, toggleAttribute, getElementFromEvent, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import styles from './chip.component.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 _handleActionClick, _handleClick;
+let OdxChipComponent = class extends CanBeDisabled(CustomElement) {
+  constructor() {
+    super(...arguments);
+    this.removable = false;
+    this.interactive = false;
+    __privateAdd(this, _handleActionClick, (event) => {
+      const actionElement = getElementFromEvent(event, (node) => !!this.actionElement && node === this.actionElement);
+      if (!actionElement) return;
+      event.stopPropagation();
+      this.emit("remove");
+    });
+    __privateAdd(this, _handleClick, (event) => {
+      if (this.removable) {
+        const actionElement = getElementFromEvent(event, (node) => !!this.actionElement && node === this.actionElement);
+        if (actionElement) return;
+      }
+    });
+  }
+  render() {
+    return html`
+      <odx-text class="content" size="sm" highlight odxPreventTextOverflow>
+        <slot></slot>
+      </odx-text>
+      ${when(this.removable, () => this.renderAction())}
+    `;
+  }
+  renderAction() {
+    return html`
+      <button class="action" ?disabled=${this.disabled} @click=${__privateGet(this, _handleActionClick)}>
+        <odx-icon class="action-icon" name="core::close"></odx-icon>
+      </button>
+    `;
+  }
+  willUpdate(changes) {
+    super.willUpdate?.(changes);
+    if (changes.has("interactive") || changes.has("disabled")) {
+      if (!this.disabled) {
+        toggleAttribute(this, "tabindex", this.interactive ? 0 : null);
+        toggleAttribute(this.actionElement, "tabindex", this.interactive ? -1 : null);
+      }
+    }
+  }
+  updated(changes) {
+    if (changes.has("removable") || changes.has("interactive") || changes.has("disabled")) {
+      if (this.removable || this.interactive) {
+        this.addEventListener("click", __privateGet(this, _handleClick), { capture: true });
+      } else {
+        this.removeEventListener("click", __privateGet(this, _handleClick));
+      }
+    }
+  }
+};
+_handleActionClick = new WeakMap();
+_handleClick = new WeakMap();
+__decorateClass([
+  query(".action")
+], OdxChipComponent.prototype, "actionElement", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxChipComponent.prototype, "removable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxChipComponent.prototype, "interactive", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxChipComponent.prototype, "variant", 2);
+OdxChipComponent = __decorateClass([
+  customElement("odx-chip", [styles])
+], OdxChipComponent);
+
+export { OdxChipComponent };

package/dist/components/chip/chip.models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.models.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}
+{"version":3,"file":"chip.models.d.ts","sourceRoot":"","sources":["../../../components/chip/chip.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}

package/dist/components/chip/chip.models.js

@@ -0,0 +1,10 @@
+const ChipVariant = {
+  NEUTRAL: "neutral",
+  PRIMARY: "primary",
+  HIGHLIGHT: "highlight",
+  SUCCESS: "success",
+  WARNING: "warning",
+  DANGER: "danger"
+};
+
+export { ChipVariant };

package/dist/components/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/components/format/format-bytes.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-bytes.component.d.ts","sourceRoot":"","sources":["../../../src/components/format/format-bytes.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,eAAe,CAAC,MAAM,CAAC;IAClE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAGnC;IAGO,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAG3C,IAAI,EAAE,MAAM,GAAG,KAAK,CAAU;cAEX,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAWpD"}
+{"version":3,"file":"format-bytes.component.d.ts","sourceRoot":"","sources":["../../../components/format/format-bytes.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,eAAe,CAAC,MAAM,CAAC;IAClE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAGnC;IAGO,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAG3C,IAAI,EAAE,MAAM,GAAG,KAAK,CAAU;cAEX,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAWpD"}

package/dist/components/format/format-bytes.component.js

@@ -0,0 +1,46 @@
+import { customElement } from '@odx/foundation';
+import { clamp } from 'es-toolkit';
+import { property } from 'lit/decorators.js';
+import { FormatComponent } from './format.component.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 OdxFormatBytesComponent = class extends FormatComponent {
+  constructor() {
+    super(...arguments);
+    this.unit = "byte";
+  }
+  transform(value) {
+    const units = OdxFormatBytesComponent.UNIT_PREFIXES[this.unit];
+    const index = clamp(Math.floor(Math.log10(value) / 3), 0, units.length - 1);
+    const transformedValue = value / 1e3 ** index;
+    return this.formatNumber(transformedValue, {
+      maximumFractionDigits: 2,
+      style: "unit",
+      unit: units[index]
+    });
+  }
+};
+OdxFormatBytesComponent.UNIT_PREFIXES = {
+  bit: ["bit", "kilobit", "megabit", "gigabit", "terabit"],
+  byte: ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte", "petabyte"]
+};
+__decorateClass([
+  property({ type: Number })
+], OdxFormatBytesComponent.prototype, "value", 2);
+__decorateClass([
+  property()
+], OdxFormatBytesComponent.prototype, "unit", 2);
+OdxFormatBytesComponent = __decorateClass([
+  customElement("odx-format-bytes")
+], OdxFormatBytesComponent);
+
+export { OdxFormatBytesComponent };

package/dist/components/format/format-date.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-date.component.d.ts","sourceRoot":"","sources":["../../../src/components/format/format-date.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAA4B,MAAM,iBAAiB,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,eAAe,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAExE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAG/C,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAE/C,IAAI,WAAW,IAAI,IAAI,GAAG,IAAI,CAK7B;cAEkB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM;CAGpE"}
+{"version":3,"file":"format-date.component.d.ts","sourceRoot":"","sources":["../../../components/format/format-date.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAA4B,MAAM,iBAAiB,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,eAAe,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAExE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAG/C,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAE/C,IAAI,WAAW,IAAI,IAAI,GAAG,IAAI,CAK7B;cAEkB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM;CAGpE"}

package/dist/components/format/format-date.component.js

@@ -0,0 +1,36 @@
+import { parseDate, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import { FormatComponent } from './format.component.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 OdxFormatDateComponent = class extends FormatComponent {
+  get valueAsDate() {
+    if (this.value === null || this.value === void 0) {
+      return null;
+    }
+    return parseDate(this.value);
+  }
+  transform(value) {
+    return this.formatDate(value, { dateStyle: this.dateStyle });
+  }
+};
+__decorateClass([
+  property()
+], OdxFormatDateComponent.prototype, "value", 2);
+__decorateClass([
+  property()
+], OdxFormatDateComponent.prototype, "dateStyle", 2);
+OdxFormatDateComponent = __decorateClass([
+  customElement("odx-format-date")
+], OdxFormatDateComponent);
+
+export { OdxFormatDateComponent };

package/dist/components/format/format-number.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-number.component.d.ts","sourceRoot":"","sources":["../../../src/components/format/format-number.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AAErG,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,eAAe,CAAC,MAAM,CAAC;IAE1D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAG3C,eAAe,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAGzD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAGrE,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAGrE,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IAGnE,IAAI,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAG5B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;cAEnC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAWpD"}
+{"version":3,"file":"format-number.component.d.ts","sourceRoot":"","sources":["../../../components/format/format-number.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AAErG,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,eAAe,CAAC,MAAM,CAAC;IAE1D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAG3C,eAAe,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAGzD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAGrE,qBAAqB,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAGrE,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IAGnE,IAAI,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAG5B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;cAEnC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAWpD"}

package/dist/components/format/format-number.component.js

@@ -0,0 +1,59 @@
+import { customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import { FormatComponent } from './format.component.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 OdxFormatNumberComponent = class extends FormatComponent {
+  transform(value) {
+    return this.formatNumber(value, {
+      currency: this.currency,
+      currencyDisplay: this.currencyDisplay,
+      minimumFractionDigits: this.minimumFractionDigits,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumIntegerDigits: this.minimumIntegerDigits,
+      unit: this.unit,
+      style: this.type
+    });
+  }
+};
+__decorateClass([
+  property({ type: Number })
+], OdxFormatNumberComponent.prototype, "value", 2);
+__decorateClass([
+  property()
+], OdxFormatNumberComponent.prototype, "currency", 2);
+__decorateClass([
+  property()
+], OdxFormatNumberComponent.prototype, "currencyDisplay", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxFormatNumberComponent.prototype, "minimumFractionDigits", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxFormatNumberComponent.prototype, "maximumFractionDigits", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxFormatNumberComponent.prototype, "minimumIntegerDigits", 2);
+__decorateClass([
+  property()
+], OdxFormatNumberComponent.prototype, "type", 2);
+__decorateClass([
+  property()
+], OdxFormatNumberComponent.prototype, "unit", 2);
+__decorateClass([
+  property()
+], OdxFormatNumberComponent.prototype, "unitDisplay", 2);
+OdxFormatNumberComponent = __decorateClass([
+  customElement("odx-format-number")
+], OdxFormatNumberComponent);
+
+export { OdxFormatNumberComponent };

package/dist/components/format/format.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.component.d.ts","sourceRoot":"","sources":["../../../src/components/format/format.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;;AAG9D,8BAAsB,eAAe,CAAC,CAAC,CAAE,SAAQ,oBAA0B;IACzE,OAAgB,MAAM,4BAAqC;IAE3D,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAG1B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc;cAEpE,MAAM,IAAI,cAAc;CAU5C"}
+{"version":3,"file":"format.component.d.ts","sourceRoot":"","sources":["../../../components/format/format.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;;AAG9D,8BAAsB,eAAe,CAAC,CAAC,CAAE,SAAQ,oBAA0B;IACzE,OAAgB,MAAM,4BAAqC;IAE3D,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAG1B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc;cAEpE,MAAM,IAAI,cAAc;CAU5C"}

package/dist/components/format/format.component.js

@@ -0,0 +1,33 @@
+import { IsLocalized, CustomElement } from '@odx/foundation';
+import { css, html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+class FormatComponent extends IsLocalized(CustomElement) {
+  static {
+    this.styles = [css`:host { display: inline; }`];
+  }
+  render() {
+    if (this.value !== null && this.value !== void 0) {
+      try {
+        return html`${this.transform(this.value) || this.fallbackValue}`;
+      } catch (error) {
+        console.warn(error);
+      }
+    }
+    return html`${this.fallbackValue ?? nothing}`;
+  }
+}
+__decorateClass([
+  property()
+], FormatComponent.prototype, "fallbackValue");
+
+export { FormatComponent };

package/dist/components/format/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/format/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/format/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/dist/components/format/relative-time.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relative-time.component.d.ts","sourceRoot":"","sources":["../../../src/components/format/relative-time.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAA0C,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,eAAe,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;;IAI1E,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAc;IAGpD,MAAM,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAG5C,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAG/C,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAG/C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC,IAAI,WAAW,IAAI,IAAI,GAAG,IAAI,CAK7B;IAEQ,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;cAOrC,SAAS,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,cAAc;CAWnE"}
+{"version":3,"file":"relative-time.component.d.ts","sourceRoot":"","sources":["../../../components/format/relative-time.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAA0C,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,eAAe,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;;IAI1E,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAc;IAGpD,MAAM,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAG5C,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAG/C,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAG/C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC,IAAI,WAAW,IAAI,IAAI,GAAG,IAAI,CAK7B;IAEQ,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;cAOrC,SAAS,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,cAAc;CAWnE"}

package/dist/components/format/relative-time.component.js

@@ -0,0 +1,80 @@
+import { parseDate, optionalAttr, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { FormatComponent } from './format.component.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"), member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _syncInterval, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn;
+let OdxRelativeTimeComponent = class extends FormatComponent {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxRelativeTimeComponent_instances);
+    __privateAdd(this, _syncInterval);
+    this.value = Date.now();
+    this.syncInterval = null;
+  }
+  get valueAsDate() {
+    if (this.value === null || this.value === void 0) {
+      return null;
+    }
+    return parseDate(this.value);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearInterval(__privateGet(this, _syncInterval));
+  }
+  willUpdate(props) {
+    super.willUpdate?.(props);
+    if (props.has("syncInterval")) {
+      __privateMethod(this, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn).call(this);
+    }
+  }
+  transform(value) {
+    const relativeTime = this.formatRelativeTime(value, { style: this.format, numeric: this.numeric, minUnit: this.minUnit });
+    return html`<time datetime=${optionalAttr(this.valueAsDate?.toISOString())}>${relativeTime}</time>`;
+  }
+};
+_syncInterval = new WeakMap();
+_OdxRelativeTimeComponent_instances = new WeakSet();
+setupSyncInterval_fn = function() {
+  clearInterval(__privateGet(this, _syncInterval));
+  if (typeof this.syncInterval !== "number") return;
+  __privateSet(this, _syncInterval, window.setInterval(() => this.requestUpdate(), Math.max(this.syncInterval, 1e3)));
+};
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "value", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "format", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "minUnit", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "numeric", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxRelativeTimeComponent.prototype, "syncInterval", 2);
+OdxRelativeTimeComponent = __decorateClass([
+  customElement("odx-relative-time")
+], OdxRelativeTimeComponent);
+
+export { OdxRelativeTimeComponent };

package/dist/components/header/header-actions.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;block-size:100%;gap:var(--odx-size-75)}::slotted(odx-separator){--block-space: var(--odx-size-50);--inline-space: 0}";
+
+export { styles as default };

package/dist/components/header/header-actions.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-actions.component.d.ts","sourceRoot":"","sources":["../../../src/components/header/header-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IACjD,iBAAiB,IAAI,IAAI;CAInC"}
+{"version":3,"file":"header-actions.component.d.ts","sourceRoot":"","sources":["../../../components/header/header-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IACjD,iBAAiB,IAAI,IAAI;CAInC"}

package/dist/components/header/header-actions.component.js

@@ -0,0 +1,22 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import styles from './header-actions.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 OdxHeaderActionsComponent = class extends CustomElement {
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.slot = "actions";
+  }
+};
+OdxHeaderActionsComponent = __decorateClass([
+  customElement("odx-header-actions", [styles])
+], OdxHeaderActionsComponent);
+
+export { OdxHeaderActionsComponent };

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

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;block-size:var(--odx-size-300);background-color:var(--odx-color-foreground-light);column-gap:var(--odx-size-150);padding-inline:var(--odx-size-75);place-items:center;box-shadow:0 0 0 100vmax var(--odx-color-foreground-light);clip-path:inset(0 -100vmax)}odx-logo{flex:0 0 auto}::slotted(odx-title){width:max-content}::slotted(odx-main-menu-button){margin-inline-end:calc(-1 * var(--odx-size-75))}::slotted(odx-header-actions){margin-inline-start:auto}@media screen and (max-width: 600px){odx-logo{display:none}}";
+
+export { styles as default };

package/dist/components/header/header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.component.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,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAuB;IAEnC,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAiB5C"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../components/header/header.component.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,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAuB;IAEnC,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAiB5C"}

package/dist/components/header/header.component.js

@@ -0,0 +1,58 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { queryAssignedElements } from 'lit/decorators.js';
+import styles from './header.component.css.js';
+import { TitleSize } from '../title/title.models.js';
+import { OdxTitleComponent } from '../title/title.component.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;
+let OdxHeaderComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleSlotChange, () => {
+      const [titleElement] = this.titleElements;
+      if (!titleElement) return;
+      titleElement.ariaLevel = "1";
+      titleElement.role = "heading";
+      titleElement.size = TitleSize.XS;
+      titleElement.setAttribute("odxPreventTextOverflow", "true");
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "banner";
+  }
+  render() {
+    return html`
+      <slot name="prefix"></slot>
+      <odx-logo size="sm"></odx-logo>
+      <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
+      <slot name="actions"></slot>
+    `;
+  }
+};
+_handleSlotChange = new WeakMap();
+__decorateClass([
+  queryAssignedElements({ selector: OdxTitleComponent.selector, flatten: true })
+], OdxHeaderComponent.prototype, "titleElements", 2);
+OdxHeaderComponent = __decorateClass([
+  customElement("odx-header", [styles])
+], OdxHeaderComponent);
+
+export { OdxHeaderComponent };

package/dist/components/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}

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

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