@odx/foundation 1.0.0-alpha.4 → 1.0.0-alpha.41

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.d.ts

@@ -1,13 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { LogoSize } from './logo.models';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-logo': OdxLogoComponent;
-    }
-}
-export declare class OdxLogoComponent extends CustomElement {
-    size?: LogoSize;
-    compact: boolean;
-    connectedCallback(): void;
-}
-//# sourceMappingURL=logo.component.d.ts.map

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.d.ts

@@ -1,12 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-main-menu-button': OdxMainMenuButtonComponent;
-    }
-}
-export declare class OdxMainMenuButtonComponent extends CustomElement {
-    #private;
-    protected render(): TemplateResult;
-}
-//# sourceMappingURL=main-menu-button.component.d.ts.map

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.d.ts

@@ -1,9 +0,0 @@
-import { BaseLink } from '../link';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-main-menu-link': OdxMainMenuLinkComponent;
-    }
-}
-export declare class OdxMainMenuLinkComponent extends BaseLink {
-}
-//# sourceMappingURL=main-menu-link.component.d.ts.map

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.d.ts

@@ -1,12 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-main-menu-subtitle': OdxMainMenuSubtitleComponent;
-    }
-}
-export declare class OdxMainMenuSubtitleComponent extends CustomElement {
-    slot: string;
-    protected render(): TemplateResult;
-}
-//# sourceMappingURL=main-menu-subtitle.component.d.ts.map

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.d.ts

@@ -1,12 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-main-menu-title': OdxMainMenuTitleComponent;
-    }
-}
-export declare class OdxMainMenuTitleComponent extends CustomElement {
-    slot: string;
-    protected render(): TemplateResult;
-}
-//# sourceMappingURL=main-menu-title.component.d.ts.map

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 };

package/dist/components/main.js

@@ -1,102 +0,0 @@
-export { OdxAccordionHeaderComponent } from './accordion/accordion-header.component.js';
-export { OdxAccordionPanelComponent } from './accordion/accordion-panel.component.js';
-export { OdxAccordionComponent } from './accordion/accordion.component.js';
-export { OdxAreaHeaderComponent } from './area-header/area-header.component.js';
-export { AreaHeaderSize, AreaHeaderVariant } from './area-header/area-header.models.js';
-export { OdxAvatarComponent } from './avatar/avatar.component.js';
-export { AvatarSize, AvatarVariant } from './avatar/avatar.models.js';
-export { OdxAvatarGroupComponent } from './avatar-group/avatar-group.component.js';
-export { OdxBadgeComponent } from './badge/badge.component.js';
-export { BadgeVariant } from './badge/badge.models.js';
-export { OdxBreadcrumbItemComponent } from './breadcrumb/breadcrumb-item.component.js';
-export { OdxBreadcrumbComponent } from './breadcrumb/breadcrumb.component.js';
-export { BaseButtonComponent } from './button/base-button.js';
-export { OdxButtonComponent } from './button/button.component.js';
-export { ButtonSize, ButtonVariant } from './button/button.models.js';
-export { OdxButtonGroupComponent } from './button-group/button-group.component.js';
-export { OdxCardComponent } from './card/card.component.js';
-export { OdxCheckboxComponent } from './checkbox/checkbox.component.js';
-export { OdxCheckboxGroupComponent } from './checkbox-group/checkbox-group.component.js';
-export { CheckboxGroupVariant } from './checkbox-group/checkbox-group.models.js';
-export { OdxChipComponent } from './chip/chip.component.js';
-export { ChipVariant } from './chip/chip.models.js';
-export { OdxCircularProgressBarComponent } from './circular-progress-bar/circular-progress-bar.component.js';
-export { CircularProgressBarSize } from './circular-progress-bar/circular-progress-bar.models.js';
-export { OdxContentBoxComponent } from './content-box/content-box.component.js';
-export { OdxDropdownComponent } from './dropdown/dropdown.component.js';
-export { DropdownPlacement } from './dropdown/dropdown.models.js';
-export { OdxFormatBytesComponent } from './format/format-bytes.component.js';
-export { OdxFormatDateComponent } from './format/format-date.component.js';
-export { OdxFormatNumberComponent } from './format/format-number.component.js';
-export { OdxRelativeTimeComponent } from './format/relative-time.component.js';
-export { OdxHeaderActionsComponent } from './header/header-actions.component.js';
-export { OdxHeaderComponent } from './header/header.component.js';
-export { OdxHeadlineComponent } from './headline/headline.component.js';
-export { HeadlineSize } from './headline/headline.models.js';
-export { OdxIconButtonComponent } from './icon-button/icon-button.component.js';
-export { OdxInlineMessageComponent } from './inline-message/inline-message.component.js';
-export { InlineMessageVariant } from './inline-message/inline-message.models.js';
-export { OdxInputComponent } from './input/input.component.js';
-export { InputVariant } from './input/input.models.js';
-export { OdxLineClampComponent } from './line-clamp/line-clamp.component.js';
-export { BaseLink } from './link/base-link.js';
-export { OdxLinkComponent } from './link/link.component.js';
-export { OdxListItemComponent } from './list/list-item.component.js';
-export { OdxListComponent } from './list/list.component.js';
-export { LOADING_OVERLAY_HOST_DIRECTIVE, OdxLoadingOverlayComponent } from './loading-overlay/loading-overlay.component.js';
-export { OdxLoadingSpinnerComponent } from './loading-spinner/loading-spinner.component.js';
-export { OdxLogoComponent } from './logo/logo.component.js';
-export { LogoSize } from './logo/logo.models.js';
-export { OdxMainMenuButtonComponent } from './main-menu/main-menu-button.component.js';
-export { OdxMainMenuLinkComponent } from './main-menu/main-menu-link.component.js';
-export { OdxMainMenuSubtitleComponent } from './main-menu/main-menu-subtitle.component.js';
-export { OdxMainMenuTitleComponent } from './main-menu/main-menu-title.component.js';
-export { OdxMainMenuComponent } from './main-menu/main-menu.component.js';
-export { OdxMenuItemComponent } from './menu/menu-item.component.js';
-export { OdxMenuLabelComponent } from './menu/menu-label.component.js';
-export { OdxMenuComponent } from './menu/menu.component.js';
-export { OdxNavigationItemComponent } from './navigation-item/navigation-item.component.js';
-export { NavigationItemSize } from './navigation-item/navigation-item.models.js';
-export { OdxOptionComponent } from './option/option.component.js';
-export { OdxPageComponent } from './page/page.component.js';
-export { PageAlignment, PageLayout } from './page/page.models.js';
-export { OdxPageLayoutComponent } from './page-layout/page-layout.component.js';
-export { OdxProgressBarComponent } from './progress-bar/progress-bar.component.js';
-export { ProgressState } from './progress-bar/progress-bar.models.js';
-export { OdxRadioButtonComponent } from './radio-button/radio-button.component.js';
-export { OdxRadioGroupComponent } from './radio-group/radio-group.component.js';
-export { RadioGroupVariant } from './radio-group/radio-group.models.js';
-export { OdxRailNavigationComponent } from './rail-navigation/rail-navigation.component.js';
-export { OdxSearchBarComponent } from './search-bar/search-bar.component.js';
-export { SearchEvent } from './search-bar/search-bar.events.js';
-export { SearchBarBehavior } from './search-bar/search-bar.models.js';
-export { OdxSelectComponent } from './select/select.component.js';
-export { OdxSeparatorComponent } from './separator/separator.component.js';
-export { OdxSkeletonComponent } from './skeleton/skeleton.component.js';
-export { OdxSliderHandleComponent } from './slider/slider-handle.component.js';
-export { OdxSliderMarksComponent } from './slider/slider-marks.component.js';
-export { OdxSliderComponent } from './slider/slider.component.js';
-export { SliderLabelVisibility, SliderTrackVisibility, sliderContext } from './slider/slider.models.js';
-export { OdxSpacerComponent } from './spacer/spacer.component.js';
-export { OdxSpinboxComponent } from './spinbox/spinbox.component.js';
-export { OdxStackComponent } from './stack/stack.component.js';
-export { StackAlign, StackGap, StackJustify } from './stack/stack.models.js';
-export { OdxSwitchComponent } from './switch/switch.component.js';
-export { OdxTextComponent } from './text/text.component.js';
-export { TextSize, TextVariant } from './text/text.models.js';
-export { OdxTitleComponent } from './title/title.component.js';
-export { TitleSize } from './title/title.models.js';
-export { OdxToggleButtonComponent } from './toggle-button/toggle-button.component.js';
-export { OdxVisuallyHiddenComponent } from './visually-hidden/visually-hidden.component.js';
-export { OdxFormFieldElement } from '../elements/form-field/form-field.element.js';
-export { OdxTableBodyElement } from '../elements/table/elements/table-body/table-body.element.js';
-export { OdxTableCellElement } from '../elements/table/elements/table-cell/table-cell.element.js';
-export { OdxTableCheckboxCellElement } from '../elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.js';
-export { OdxTableHeaderElement } from '../elements/table/elements/table-header/table-header.element.js';
-export { OdxTableHeaderCellElement } from '../elements/table/elements/table-header-cell/table-header-cell.element.js';
-export { OdxTableRowElement } from '../elements/table/elements/table-row/table-row.element.js';
-export { OdxTableElement } from '../elements/table/table.element.js';
-export { ToastVariant } from '../elements/toast/models/toast-variant.js';
-export { OdxToastElement } from '../elements/toast/toast.element.js';
-export { TooltipPlacement } from '../elements/tooltip/models/tooltip-placement.js';
-export { OdxTooltipElement } from '../elements/tooltip/tooltip.element.js';

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

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

package/dist/components/menu/menu-item.component.d.ts

@@ -1,13 +0,0 @@
-import { TemplateResult } from 'lit';
-import { OdxNavigationItemComponent } from '../navigation-item';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-menu-item': OdxMenuItemComponent;
-    }
-}
-export declare class OdxMenuItemComponent extends OdxNavigationItemComponent {
-    icon?: string | null;
-    protected renderContent(): TemplateResult;
-    connectedCallback(): void;
-}
-//# sourceMappingURL=menu-item.component.d.ts.map

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

@@ -1,37 +0,0 @@
-import { customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import styles from './menu-item.component.css.js';
-import { OdxNavigationItemComponent } from '../navigation-item/navigation-item.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 OdxMenuItemComponent = class extends OdxNavigationItemComponent {
-  renderContent() {
-    return html`
-      ${when(this.icon, (icon) => html`<odx-icon name="${icon}"></odx-icon>`)}
-      ${super.renderContent()}
-    `;
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.role ||= "menuitem";
-  }
-};
-__decorateClass([
-  property()
-], OdxMenuItemComponent.prototype, "icon", 2);
-OdxMenuItemComponent = __decorateClass([
-  customElement("odx-menu-item", [styles])
-], OdxMenuItemComponent);
-
-export { OdxMenuItemComponent };

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

@@ -1,3 +0,0 @@
-const styles = ".menu-label{display:flex;place-items:center;padding-inline:var(--odx-size-50);user-select:none;padding-block-start:var(--odx-size-50);padding-block-end:var(--odx-size-25)}:host(:first-child) .menu-label{padding-block-start:calc(var(--odx-size-37) - var(--odx-size-25))}";
-
-export { styles as default };

package/dist/components/menu/menu-label.component.d.ts

@@ -1,11 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-menu-label': OdxMenuLabelComponent;
-    }
-}
-export declare class OdxMenuLabelComponent extends CustomElement {
-    protected render(): TemplateResult;
-}
-//# sourceMappingURL=menu-label.component.d.ts.map

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

@@ -1,26 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import styles from './menu-label.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 OdxMenuLabelComponent = class extends CustomElement {
-  render() {
-    return html`
-      <odx-title part="base" class="menu-label" size="xs">
-        <slot></slot>
-      </odx-title>
-    `;
-  }
-};
-OdxMenuLabelComponent = __decorateClass([
-  customElement("odx-menu-label", [styles])
-], OdxMenuLabelComponent);
-
-export { OdxMenuLabelComponent };

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

@@ -1,3 +0,0 @@
-const styles = ":host{--min-inline-size: 160px;--max-inline-size: 280px;--_gap: var(--odx-size-37)}odx-popover{--color-background: var(--odx-color-background-main);--_outer-padding: var(--odx-size-50)}.base{display:flex;flex-direction:column;block-size:100%;gap:var(--_gap);max-inline-size:var(--max-inline-size);min-inline-size:var(--min-inline-size)}::slotted(odx-separator){--block-space: calc(-1 * var(--_gap) / 2)}::slotted(odx-button){inline-size:100%;margin:0}";
-
-export { styles as default };

package/dist/components/menu/menu.component.d.ts

@@ -1,24 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { PopoverHost } from '@odx/foundation/cdk';
-import { TemplateResult } from 'lit';
-import { OdxMenuItemComponent } from './menu-item.component';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-menu': OdxMenuComponent;
-    }
-}
-declare const OdxMenuComponent_base: import('@odx/foundation').Constructor<PopoverHost> & typeof CustomElement;
-export declare class OdxMenuComponent extends OdxMenuComponent_base {
-    #private;
-    getItems(): OdxMenuItemComponent[];
-    connectedCallback(): void;
-    mountPopover(referenceElement?: HTMLElement): void;
-    unmountPopover(referenceElement: HTMLElement): void;
-    onBeforePopoverShow(): void;
-    onPopoverShow(): void;
-    onBeforePopoverHide(): void;
-    protected isMenuItem(element: Element): element is OdxMenuItemComponent;
-    protected render(): TemplateResult;
-}
-export {};
-//# sourceMappingURL=menu.component.d.ts.map