@odx/foundation 1.0.0-alpha.2 → 1.0.0-alpha.20

package/dist/components/link/base-link.js

@@ -1,70 +0,0 @@
-import { CanBeDisabled, CustomElement, requestUpdateOnAriaChange, optionalAttr } from '@odx/foundation';
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.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 BaseLink extends CanBeDisabled(CustomElement) {
-  constructor() {
-    super(...arguments);
-    this.href = "";
-    this.target = "";
-    this.rel = "noreferrer noopener";
-  }
-  static {
-    requestUpdateOnAriaChange(["ariaLabel", "ariaHasPopup", "ariaExpanded", "ariaCurrent", "ariaHidden"]);
-  }
-  static {
-    this.shadowRootOptions = {
-      ...CustomElement.shadowRootOptions,
-      delegatesFocus: true
-    };
-  }
-  render(role) {
-    const { ariaLabel, ariaHasPopup, ariaExpanded, ariaCurrent, ariaHidden } = this;
-    return html`<a
-      class="base"
-      part="anchor"
-      aria-label="${optionalAttr(ariaLabel)}"
-      aria-haspopup="${optionalAttr(ariaHasPopup)}"
-      aria-expanded="${optionalAttr(ariaExpanded)}"
-      aria-current="${optionalAttr(ariaCurrent)}"
-      aria-hidden="${optionalAttr(ariaHidden)}"
-      href=${optionalAttr(this.href)}
-      target=${optionalAttr(this.target)}
-      download=${ifDefined(this.download)}
-      rel=${optionalAttr(this.rel)}
-      role=${optionalAttr(role)}
-    >
-      ${this.renderContent()}
-    </a>`;
-  }
-  renderContent() {
-    return html`<slot></slot>`;
-  }
-}
-__decorateClass([
-  query('[part~="anchor"]', true)
-], BaseLink.prototype, "interactiveElement");
-__decorateClass([
-  property()
-], BaseLink.prototype, "href");
-__decorateClass([
-  property()
-], BaseLink.prototype, "target");
-__decorateClass([
-  property()
-], BaseLink.prototype, "rel");
-__decorateClass([
-  property()
-], BaseLink.prototype, "download");
-
-export { BaseLink };

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

@@ -1,3 +0,0 @@
-const styles = ":host{--_color-foreground: var(--odx-palette-blue-50);display:inline;text-decoration:underline}:host(:focus-visible){outline:none}.base{padding-inline:calc(1 / 24 * 1rem);transition:var(--odx-transition-reduced);color:var(--_color-foreground);text-decoration:inherit;outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);border-radius:var(--odx-border-radius-controls);&:focus-visible{outline-color:var(--odx-focus-ring-color)}}:host(:hover){--_color-foreground: var(--odx-palette-blue-80)}:host([emphasized]){--_color-foreground: var(--odx-color-foreground);font-weight:var(--odx-typography-font-weight-medium)}:host([aria-disabled=\"true\"]),:host([subtle]:not(:hover)){text-decoration:none}:host([aria-disabled=\"true\"]){--_color-foreground: var(--odx-palette-coolgray-40);.anchor{cursor:default}}";
-
-export { styles as default };

package/dist/components/link/link.component.js

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

package/dist/components/list/list-item.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{display:flex;flex-direction:column;padding:var(--odx-size-75);border-block-end:var(--odx-border-sm)}";
-
-export { styles as default };

package/dist/components/list/list-item.component.js

@@ -1,32 +0,0 @@
-import { customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { when } from 'lit/directives/when.js';
-import styles from './list-item.component.css.js';
-import { BaseLink } from '../link/base-link.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 OdxListItemComponent = class extends BaseLink {
-  render() {
-    return html`
-      <slot name="prefix"></slot>
-      ${when(
-      this.href,
-      () => super.render(),
-      () => html`<slot></slot>`
-    )}
-      <slot name="suffix"></slot>
-    `;
-  }
-};
-OdxListItemComponent = __decorateClass([
-  customElement("odx-list-item", [styles])
-], OdxListItemComponent);
-
-export { OdxListItemComponent };

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

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

package/dist/components/list/list.component.js

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

package/dist/components/loading-overlay/loading-overlay.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--_overlay-fill-color: var(--odx-color-backdrop, rgba(255, 255, 255, .25));display:contents;overflow:hidden;border-radius:inherit}:host::part(overlay){display:flex;flex-direction:column;place-content:center;place-items:center;position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:var(--odx-transition-reduced) allow-discrete;overflow:hidden;border-radius:inherit}:host::part(content){min-inline-size:var(--odx-size-225);text-align:center}:host([loading])::part(overlay){background-color:var(--_overlay-fill-color);z-index:9999;opacity:1;backdrop-filter:blur(var(--odx-size-12));pointer-events:all;visibility:visible}";
-
-export { styles as default };

package/dist/components/loading-overlay/loading-overlay.component.js

@@ -1,80 +0,0 @@
-import { WithLoadingState, CustomElement, waitForAnimations, emptySlotFallbackFix, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { query } from 'lit/decorators.js';
-import styles from './loading-overlay.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"), 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 _loadingContainerPosition;
-const LOADING_OVERLAY_HOST_DIRECTIVE = "odx-loading-overlay-host";
-let OdxLoadingOverlayComponent = class extends WithLoadingState(CustomElement) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _loadingContainerPosition, "");
-  }
-  get loadingContainer() {
-    return this.parentElement ?? this;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback?.();
-    this.hideOverlay();
-  }
-  async updated(props) {
-    if (props.has("loading")) {
-      if (this.loading) {
-        this.showOverlay();
-      } else {
-        await waitForAnimations(this.overlay);
-        this.hideOverlay();
-      }
-    }
-  }
-  render() {
-    return html`
-      <div part="overlay">
-        <div class="content">
-          <slot ${emptySlotFallbackFix()}>
-            <odx-loading-spinner></odx-loading-spinner>
-          </slot>
-        </div>
-      </div>
-    `;
-  }
-  showOverlay() {
-    this.loadingContainer.toggleAttribute(LOADING_OVERLAY_HOST_DIRECTIVE, true);
-    __privateSet(this, _loadingContainerPosition, window.getComputedStyle(this.loadingContainer).position);
-    if (__privateGet(this, _loadingContainerPosition) !== "static") return;
-    this.loadingContainer.style.position = "relative";
-    this.loadingContainer.inert = true;
-  }
-  hideOverlay() {
-    this.loadingContainer.toggleAttribute(LOADING_OVERLAY_HOST_DIRECTIVE, false);
-    if (__privateGet(this, _loadingContainerPosition) !== "static") return;
-    this.loadingContainer.style.position = "";
-    this.loadingContainer.inert = false;
-  }
-};
-_loadingContainerPosition = new WeakMap();
-__decorateClass([
-  query('[part="overlay"]', true)
-], OdxLoadingOverlayComponent.prototype, "overlay", 2);
-OdxLoadingOverlayComponent = __decorateClass([
-  customElement("odx-loading-overlay", [styles])
-], OdxLoadingOverlayComponent);
-
-export { LOADING_OVERLAY_HOST_DIRECTIVE, OdxLoadingOverlayComponent };

package/dist/components/loading-spinner/loading-spinner.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--_animation-duration: 1.5s;--_animation-delay: 0s;--_size: var(--odx-size-225);--_space: var(--odx-size-37);--_track-size: calc(var(--odx-size-37) - var(--odx-size-px));--_track-color: var(--odx-color-transparent-pressed);display:flex;place-content:center;place-items:center;color:inherit;font-size:var(--_size);block-size:1em}.base{display:block;block-size:100%;inline-size:100%;aspect-ratio:1;animation:loading-spinner-rotation-animation 1.5s linear infinite}:host(:not([variant=\"dots\"])){inline-size:1em;.track,.indicator{stroke-width:var(--_track-size)}.track{stroke:var(--_track-color)}.indicator{stroke:currentColor;color:inherit;stroke-dasharray:90,180;stroke-dashoffset:-5;animation:loading-spinner-animation 1.5s ease-in-out infinite;stroke-linecap:round}:not(svg){transform-origin:0px 0px}}:host([variant=\"dots\"]){gap:calc(var(--_space) / 2);padding:var(--_space);animation:loading-spinner-dots-entry-animation .25s linear both;.indicator{background-color:currentColor;border-radius:50%;block-size:calc(var(--_size) / 3);flex:0 0 calc(var(--_size) / 3);z-index:3;animation:loading-spinner-dots-animation var(--_animation-duration) var(--_animation-delay) infinite cubic-bezier(.96,.21,.41,.76) forwards;&:nth-child(1){--_animation-delay: calc(-1 * var(--_animation-duration) / 6)}&:nth-child(2){--_animation-delay: calc(-1 * var(--_animation-duration) / 12)}&:nth-child(3){--_animation-delay: 0s}}}@keyframes loading-spinner-animation{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes loading-spinner-rotation-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-spinner-dots-entry-animation{0%{opacity:0}to{opacity:1}}@keyframes loading-spinner-dots-animation{0%,75%,to{transform:scale(.667);background-color:var(--odx-color-transparent-pressed)}50%{transform:scale(1);background-color:currentColor}}";
-
-export { styles as default };

package/dist/components/loading-spinner/loading-spinner.component.js

@@ -1,58 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import styles from './loading-spinner.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 __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 _OdxLoadingSpinnerComponent_instances, renderSpinner_fn, renderDots_fn;
-let OdxLoadingSpinnerComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _OdxLoadingSpinnerComponent_instances);
-  }
-  render() {
-    if (this.variant === "dots") {
-      return __privateMethod(this, _OdxLoadingSpinnerComponent_instances, renderDots_fn).call(this);
-    }
-    return __privateMethod(this, _OdxLoadingSpinnerComponent_instances, renderSpinner_fn).call(this);
-  }
-};
-_OdxLoadingSpinnerComponent_instances = new WeakSet();
-renderSpinner_fn = function() {
-  return html`
-      <svg class="base" role="progressbar" aria-label="Loading" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-        <circle class="track" cx="24" cy="24" r="20" fill="none"></circle>
-        <circle class="indicator" cx="24" cy="24" r="20" fill="none"></circle>
-      </svg>
-    `;
-};
-renderDots_fn = function() {
-  return html`
-      <div class="indicator"></div>
-      <div class="indicator"></div>
-      <div class="indicator"></div>
-    `;
-};
-__decorateClass([
-  property({ reflect: true })
-], OdxLoadingSpinnerComponent.prototype, "variant", 2);
-OdxLoadingSpinnerComponent = __decorateClass([
-  customElement("odx-loading-spinner", [styles])
-], OdxLoadingSpinnerComponent);
-
-export { OdxLoadingSpinnerComponent };

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

@@ -1,3 +0,0 @@
-const styles = ":host{aspect-ratio:92 / 36;background-color:currentColor;block-size:var(--_logo-block-size);display:inline-block;mask-image:url(\"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2091.6%2035.43'%3e%3cpath%20d='m81.18,29.07h5.63v-14.43c0-1.06,0-1.38.21-1.7.32-.74,1.17-1.17,2.23-1.17.96,0,1.59.21,2.34.74v-4.24c-6.27.11-8.29.53-10.41,2.23v18.56Zm-12.11-10.93v-4.24c0-1.59.74-2.44,2.34-2.44,1.49,0,2.34.85,2.34,2.33v4.35h-4.68Zm10.31,3.29v-8.06c0-3.4-1.81-4.99-5.63-4.99h-4.68c-2.02,0-2.87.21-3.93,1.06-1.06.96-1.7,2.33-1.7,3.93v10.71c0,1.48.43,2.55,1.38,3.61,1.06,1.06,2.02,1.38,4.25,1.38h10.2v-4.24c-2.87.85-4.57,1.06-6.69,1.06-2.44,0-3.51-.53-3.51-1.91v-2.55h10.31Zm-27.63,6.37c0-1.59.74-2.44,2.34-2.44s2.44.85,2.44,2.44v2.33c0,1.38-.85,2.23-2.34,2.23-1.59,0-2.44-.85-2.44-2.23v-2.33Zm10.41-.53c0-1.59-.32-2.65-1.17-3.61-1.06-1.17-2.23-1.49-4.46-1.49h-4.68c-2.12,0-2.97.21-4.04,1.06-1.06.95-1.7,2.44-1.7,4.03v3.08c0,1.49.53,2.76,1.38,3.61,1.06,1.17,2.02,1.48,4.36,1.48h4.68c2.02,0,2.98-.21,4.04-1.06,1.06-.95,1.59-2.12,1.59-4.03v-3.08Zm-10.41-13.58c0-1.38.85-2.23,2.44-2.23s2.44.85,2.44,2.23v2.44c0,1.38-.96,2.23-2.44,2.23-1.59,0-2.44-.85-2.44-2.23v-2.44Zm9.99-5.3h-9.99c-1.91,0-2.66.21-3.72,1.06-1.06.96-1.59,2.33-1.59,3.93v3.08c0,1.27.43,2.55,1.28,3.5,1.06,1.17,1.91,1.49,4.04,1.49h4.57c2.02,0,2.87-.32,3.83-1.06,1.06-.95,1.59-2.23,1.59-3.93v-8.06Zm-22.63,17.4h-2.44c-.96,0-1.7-.32-2.13-1.06-.21-.32-.21-.42-.21-1.38v-1.91c0-1.59.74-2.33,2.34-2.33h2.44v6.68Zm0-9.97h-4.89c-1.91,0-2.76.21-3.72,1.17-1.06.85-1.59,2.12-1.59,3.82v3.29c0,1.48.32,2.55,1.17,3.5,1.06,1.17,2.02,1.48,4.25,1.48h10.52v-15.81c0-1.38-.43-2.55-1.38-3.5-1.17-1.17-2.13-1.49-4.25-1.49h-8.5v4.24c2.13-.85,3.51-1.17,5.42-1.17,2.02,0,2.97.64,2.97,2.02v2.44Zm2.34-15.81c-1.81,0-3.19,1.38-3.19,3.08,0,1.8,1.38,3.18,3.19,3.18,1.7,0,3.08-1.38,3.08-3.18,0-1.7-1.38-3.08-3.08-3.08Zm-7.55,0c-1.81,0-3.19,1.38-3.19,3.08,0,1.8,1.38,3.18,3.19,3.18,1.7,0,3.08-1.38,3.08-3.18,0-1.7-1.38-3.08-3.08-3.08Zm-14.77,29.07h5.63v-14.43c0-1.06,0-1.38.21-1.7.32-.74,1.17-1.17,2.23-1.17.96,0,1.59.21,2.34.74v-4.24c-6.27.11-8.29.53-10.41,2.23v18.56ZM0,.72v2.97h9.14c1.06,0,1.59.21,2.13.74.43.53.43.74.43,2.65v15.29c0,2.87-.53,3.4-3.08,3.4h-2.55V6.67H0v22.4h11.26c2.66,0,3.4-.21,4.68-1.49,1.17-1.17,1.38-2.02,1.38-5.31V6.24c0-2.02-.21-2.76-1.06-3.82-1.06-1.17-2.44-1.7-4.36-1.7H0Z'%20/%3e%3c/svg%3e\");mask-repeat:no-repeat;mask-origin:content-box;mask-position:center center;margin-block:var(--_logo-spacing)}:host([compact]){aspect-ratio:1;mask-image:url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017%2028'%3e%3cpath%20d='M0%200v2.97h9.14c1.06%200%201.59.21%202.13.74.43.53.43.74.43%202.65v15.29c0%202.87-.53%203.4-3.08%203.4H6.07V5.95H0v22.4h11.26c2.66%200%203.4-.21%204.68-1.49%201.17-1.17%201.38-2.02%201.38-5.31V5.52c0-2.02-.21-2.76-1.06-3.82C15.2.53%2013.82%200%2011.9%200H0Z'%20/%3e%3c/svg%3e\")}:host([size=\"xs\"]){--_logo-block-size: calc(var(--odx-size-150) - 2 * var(--odx-size-25));--_logo-spacing: var(--odx-size-25)}:host,:host([size=\"sm\"]){--_logo-block-size: var(--odx-size-150);--_logo-spacing: var(--odx-size-37)}:host([size=\"md\"]){--_logo-block-size: var(--odx-size-225);--_logo-spacing: var(--odx-size-37)}:host([size=\"lg\"]){--_logo-block-size: var(--odx-size-300);--_logo-spacing: var(--odx-size-37)}:host([size=\"xl\"]){--_logo-block-size: var(--odx-size-400);--_logo-spacing: var(--odx-size-37)}";
-
-export { styles as default };

package/dist/components/logo/logo.component.js

@@ -1,38 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import styles from './logo.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 OdxLogoComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    this.compact = false;
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.ariaLabel ||= "Dräger";
-    this.ariaRoleDescription ||= "Logo";
-    this.role = "img";
-    this.translate = false;
-  }
-};
-__decorateClass([
-  property({ reflect: true })
-], OdxLogoComponent.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], OdxLogoComponent.prototype, "compact", 2);
-OdxLogoComponent = __decorateClass([
-  customElement("odx-logo", [styles])
-], OdxLogoComponent);
-
-export { OdxLogoComponent };

package/dist/components/logo/logo.models.js

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

package/dist/components/main-menu/main-menu-button.component.js

@@ -1,38 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-
-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 = (decorator(result)) || 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 _handleClick;
-let OdxMainMenuButtonComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleClick, () => {
-      document.querySelector("odx-main-menu")?.open();
-    });
-  }
-  render() {
-    return html`
-      <odx-icon-button aria-label="Open main menu" icon="core::menu" variant="ghost" @click=${__privateGet(this, _handleClick)}>
-      </odx-icon-button>
-    `;
-  }
-};
-_handleClick = new WeakMap();
-OdxMainMenuButtonComponent = __decorateClass([
-  customElement("odx-main-menu-button", [])
-], OdxMainMenuButtonComponent);
-
-export { OdxMainMenuButtonComponent };

package/dist/components/main-menu/main-menu-link.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--_color-fill: var(--odx-palette-transparent);--_color-text: inherit;--_color-outline: var(--odx-palette-transparent);user-select:none}.base{display:flex;place-items:center;background-color:var(--_color-fill);color:var(--_color-text);gap:var(--odx-size-50);block-size:var(--odx-size-300);padding-inline:var(--odx-size-100);font-weight:var(--odx-font-weight-medium);border-radius:var(--odx-border-radius-sm);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);outline-color:var(--_color-outline);transition:var(--odx-transition-default);text-decoration:none;&:focus-visible{--_color-outline: var(--odx-focus-ring-color)}}:host(:hover){--_color-fill: var(--odx-color-foreground-highlight)}:host(:is([active],:active)){--_color-fill: var(--odx-color-foreground-highlight-pressed)}:host([aria-disabled=\"true\"]){--_color-text: var(--odx-color-disabled-foreground-brand);pointer-events:none}";
-
-export { styles as default };

package/dist/components/main-menu/main-menu-link.component.js

@@ -1,19 +0,0 @@
-import { customElement } from '@odx/foundation';
-import styles from './main-menu-link.component.css.js';
-import { BaseLink } from '../link/base-link.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 OdxMainMenuLinkComponent = class extends BaseLink {
-};
-OdxMainMenuLinkComponent = __decorateClass([
-  customElement("odx-main-menu-link", [styles])
-], OdxMainMenuLinkComponent);
-
-export { OdxMainMenuLinkComponent };

package/dist/components/main-menu/main-menu-subtitle.component.js

@@ -1,29 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-
-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 OdxMainMenuSubtitleComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    this.slot = "subtitle";
-  }
-  render() {
-    return html`
-      <odx-text size="md">
-        <slot></slot>
-      </odx-text>
-    `;
-  }
-};
-OdxMainMenuSubtitleComponent = __decorateClass([
-  customElement("odx-main-menu-subtitle")
-], OdxMainMenuSubtitleComponent);
-
-export { OdxMainMenuSubtitleComponent };

package/dist/components/main-menu/main-menu-title.component.js

@@ -1,29 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-
-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 OdxMainMenuTitleComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    this.slot = "title";
-  }
-  render() {
-    return html`
-      <odx-title size="sm">
-        <slot></slot>
-      </odx-title>
-    `;
-  }
-};
-OdxMainMenuTitleComponent = __decorateClass([
-  customElement("odx-main-menu-title")
-], OdxMainMenuTitleComponent);
-
-export { OdxMainMenuTitleComponent };

package/dist/components/main-menu/main-menu.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--odx-link-color: var(--odx-color-foreground-light);--odx-link-color-hover: var(--odx-color-foreground-light);--odx-link-color-disabled: var(--odx-color-disabled-foreground-brand);--_transition-duration: var(--odx-motion-duration-default);grid-template-rows:auto 1fr auto auto;block-size:100%;inline-size:var(--odx-main-menu-max-width, min(100dvw, 384px));border:none;background-color:var(--odx-color-background-draeger);color:var(--odx-color-foreground-light);margin:0;padding:0;transform:translate(-100%);box-shadow:var(--odx-shadow-level-2);transition:transform var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,display var(--_transition-duration) allow-discrete}:host(:popover-open){display:grid;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(-100%)}}:host::backdrop{background-color:var(--odx-color-backdrop);backdrop-filter:blur(0);opacity:0;transition:backdrop-filter var(--_transition-duration),opacity var(--_transition-duration);cursor:default}:host(:popover-open)::backdrop{backdrop-filter:blur(var(--odx-elevation-blur));opacity:1}@starting-style{:host(:popover-open)::backdrop{backdrop-filter:blur(0);opacity:0}}[part~=navigation]{padding:var(--odx-size-75);overflow-y:auto}[part~=header]{padding-inline:var(--odx-size-150);padding-block-start:var(--odx-size-75);padding-block-end:clamp(0px,4dvh - calc(var(--odx-size-75)),var(--odx-size-75))}[part~=link-navigation],[part~=footer]{padding:var(--odx-size-150);padding-block:clamp(var(--odx-size-75),4dvh,var(--odx-size-150))}[part~=link-navigation]{padding-block-end:0;padding-block-start:var(--odx-size-75);column-gap:var(--odx-size-100)}";
-
-export { styles as default };

package/dist/components/main-menu/main-menu.component.js

@@ -1,82 +0,0 @@
-import { CustomElement, FocusTrapController, customElement } from '@odx/foundation';
-import { isServer, html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import styles from './main-menu.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 _focusTrap, _handleSlotChange, _handleToggle;
-let OdxMainMenuComponent = class extends CustomElement {
-  constructor() {
-    super();
-    __privateAdd(this, _focusTrap, new FocusTrapController(this));
-    __privateAdd(this, _handleSlotChange, () => {
-      for (const link of this.links) {
-        link.slot ||= "link-navigation";
-      }
-    });
-    __privateAdd(this, _handleToggle, ({ newState }) => {
-      __privateGet(this, _focusTrap).toggle(newState === "open");
-    });
-    if (!isServer) {
-      this.addEventListener("toggle", __privateGet(this, _handleToggle));
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.popover = "auto";
-  }
-  toggle() {
-    this.togglePopover();
-  }
-  open() {
-    this.showPopover();
-  }
-  close() {
-    this.hidePopover();
-  }
-  render() {
-    return html`
-      <div part="header">
-        <slot name="title"></slot>
-        <slot name="subtitle"></slot>
-      </div>
-      <nav part="navigation">
-        <odx-stack gap="md" align="stretch" vertical>
-          <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
-        </odx-stack>
-      </nav>
-      <odx-stack part="link-navigation" gap="xs"  wrap horizontal justify="start">
-        <slot name="link-navigation"></slot>
-      </odx-stack>
-      <div part="footer">
-        <odx-logo size="sm"></odx-logo>
-      </div>
-    `;
-  }
-};
-_focusTrap = new WeakMap();
-_handleSlotChange = new WeakMap();
-_handleToggle = new WeakMap();
-__decorateClass([
-  queryAssignedElements({ selector: "odx-link", flatten: true })
-], OdxMainMenuComponent.prototype, "links", 2);
-OdxMainMenuComponent = __decorateClass([
-  customElement("odx-main-menu", [styles])
-], OdxMainMenuComponent);
-
-export { OdxMainMenuComponent };