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

package/dist/components/main.js

@@ -0,0 +1,102 @@
+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 { 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 { 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 { OdxLoadingIndicatorComponent } from './loading-indicator/loading-indicator.component.js';
+export { LOADING_OVERLAY_HOST_DIRECTIVE, OdxLoadingOverlayComponent } from './loading-overlay/loading-overlay.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 { 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 { 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 { OdxSpacerComponent } from './spacer/spacer.component.js';
+export { OdxSpinboxComponent } from './spinbox/spinbox.component.js';
+export { OdxStackComponent } from './stack/stack.component.js';
+export { StackAlignItems, StackGap, StackJustifyContent } 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 { OdxCircularProgressBarElement } from '../elements/circular-progress-bar/circular-progress-bar.element.js';
+export { CircularProgressBarSize } from '../elements/circular-progress-bar/models/circular-progress-bar-size.js';
+export { OdxFormFieldElement } from '../elements/form-field/form-field.element.js';
+export { OdxGrid } from '../elements/grid/grid.element.js';
+export { GridGap } from '../elements/grid/grid.models.js';
+export { OdxMenuItemElement } from '../elements/menu/elements/menu-item/menu-item.element.js';
+export { OdxMenuLabelElement } from '../elements/menu/elements/menu-label/menu-label.element.js';
+export { OdxMenuElement } from '../elements/menu/menu.element.js';
+export { ProgressState } from '../elements/progress-bar/models/progress-state.js';
+export { OdxProgressBarElement } from '../elements/progress-bar/progress-bar.element.js';
+export { OdxSkeletonElement } from '../elements/skeleton/skeleton.element.js';
+export { SliderLabelVisibility } from '../elements/slider/models/slider-label-visibility.js';
+export { SliderTrackVisibility } from '../elements/slider/models/slider-track-visibility.js';
+export { OdxSliderHandleElement } from '../elements/slider/slider-handle.element.js';
+export { OdxSliderMarksElement } from '../elements/slider/slider-marks.element.js';
+export { OdxSliderElement } from '../elements/slider/slider.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/navigation-item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './navigation-item.component';
+export * from './navigation-item.models';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/navigation-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/navigation-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-palette-transparent);--_color-foreground: inherit;--_icon-size: var(--odx-size-125);--_text-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-typography-line-height-4);--_padding-block: var(--odx-size-37);--_padding-inline: var(--odx-size-50);block-size:var(--_block-size);cursor:pointer;position:relative;user-select:none;vertical-align:top;border-radius:var(--odx-border-radius-sm);white-space:nowrap;-webkit-tap-highlight-color:transparent}:host(:focus-visible){outline:none}:host,:host::part(anchor){display:inline-flex;place-items:center}:host::part(anchor){overflow:clip;border-radius:inherit;cursor:inherit;-webkit-appearance:none;vertical-align:middle;background:transparent;text-decoration:none;font:inherit;block-size:100%;inline-size:100%;padding:0;border:none;gap:inherit;text-transform:inherit;padding-block:calc(var(--_padding-block));padding-inline:var(--_padding-inline);transition:var(--odx-transition-reduced);transition-property:background-color,color,outline-color;background-color:var(--_color-background);color:var(--_color-foreground);gap:var(--_padding-inline);font-size:var(--_text-size);line-height:var(--_line-height);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset)}:host::part(anchor)::-moz-focus-inner{padding:0;border:0}:host(:hover){--_color-background: var(--odx-color-transparent-hover)}:host([aria-current=\"true\"]){--_color-background: var(--odx-color-selected)}:host([aria-current=\"true\"]:hover){--_color-background: var(--odx-color-selected-hover)}:host([aria-current=\"true\"]:active),:host(:active){--_color-background: var(--odx-color-transparent-pressed)}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([aria-disabled=\"true\"])::part(anchor){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([size=\"lg\"]){--_icon-size: var(--odx-size-200);--_text-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-size-100);--_padding-block: var(--odx-size-50);--_padding-inline: var(--odx-size-50)}:host([loading]:not([loading=\"false\"]))::part(anchor){color:transparent}::slotted(*){flex:0 0 auto}::slotted(odx-icon){--size: var(--_icon-size)}::slotted(odx-avatar){--_size: var(--_icon-size)}::slotted([slot=\"end\"]){margin-inline-start:auto}";
+
+export { styles as default };

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

@@ -0,0 +1,15 @@
+import { PropertyValues } from 'lit';
+import { BaseButtonComponent } from '../button';
+import { NavigationItemSize } from './navigation-item.models';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-navigation-item': OdxNavigationItemComponent;
+    }
+}
+export declare class OdxNavigationItemComponent extends BaseButtonComponent {
+    size?: NavigationItemSize | null;
+    selected: boolean;
+    connectedCallback(): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=navigation-item.component.d.ts.map

package/dist/components/navigation-item/navigation-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-item.component.d.ts","sourceRoot":"","sources":["../../../components/navigation-item/navigation-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,mBAAmB;IAEjE,IAAI,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAGjC,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;cAIf,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAMjE"}

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

@@ -0,0 +1,41 @@
+import { customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './navigation-item.component.css.js';
+import { BaseButtonComponent } from '../button/base-button.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 OdxNavigationItemComponent = class extends BaseButtonComponent {
+  constructor() {
+    super(...arguments);
+    this.selected = false;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+  }
+  willUpdate(props) {
+    super.willUpdate(props);
+    if (props.has("selected")) {
+      this.ariaCurrent = this.selected ? "page" : null;
+    }
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxNavigationItemComponent.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxNavigationItemComponent.prototype, "selected", 2);
+OdxNavigationItemComponent = __decorateClass([
+  customElement("odx-navigation-item", [styles])
+], OdxNavigationItemComponent);
+
+export { OdxNavigationItemComponent };

package/dist/components/navigation-item/navigation-item.models.d.ts

@@ -0,0 +1,6 @@
+export type NavigationItemSize = (typeof NavigationItemSize)[keyof typeof NavigationItemSize];
+export declare const NavigationItemSize: {
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+//# sourceMappingURL=navigation-item.models.d.ts.map

package/dist/components/navigation-item/navigation-item.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-item.models.d.ts","sourceRoot":"","sources":["../../../components/navigation-item/navigation-item.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC9F,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC"}

package/dist/components/navigation-item/navigation-item.models.js

@@ -0,0 +1,6 @@
+const NavigationItemSize = {
+  MD: "md",
+  LG: "lg"
+};
+
+export { NavigationItemSize };

package/dist/components/option/index.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-palette-transparent);--_color-foreground: inherit;display:inline-flex;place-items:center;padding:var(--odx-size-37) var(--odx-size-75);cursor:pointer;gap:var(--odx-size-75);border-radius:var(--odx-border-radius-controls);transition:var(--odx-transition-reduced);outline:var(--odx-outline-focus);outline-offset:var(--odx-outline-offset-focus);background-color:var(--_color-background);transition-property:background-color,color,outline-color;user-select:none;outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);color:var(--_color-foreground)}odx-checkbox{margin:0}:host(:hover){--_color-background: var(--odx-color-transparent-hover)}:host([odx-active]),:host(:active){--_color-background: var(--odx-color-transparent-pressed)}:host([aria-selected=\"true\"]){--_color-background: var(--odx-color-selected)}:host([aria-selected=\"true\"]:hover){--_color-background: var(--odx-color-selected-hover)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed;pointer-events:none}:host([aria-selected=\"true\"][aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill-selected);--_color-foreground: var(--odx-color-disabled-foreground-selected)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}";
+
+export { styles as default };

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

@@ -0,0 +1,12 @@
+import { OptionControl } from '@odx/foundation';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-option': OdxOptionComponent;
+    }
+}
+export declare class OdxOptionComponent extends OptionControl {
+    type?: 'checkbox' | null;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=option.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../components/option/option.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,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;cAEN,MAAM,IAAI,cAAc;CAW5C"}

package/dist/components/option/option.component.js

@@ -0,0 +1,37 @@
+import { OptionControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import styles from './option.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 OdxOptionComponent = class extends OptionControl {
+  render() {
+    return html`
+      ${when(
+      this.type === "checkbox",
+      () => html`<odx-checkbox .checked=${this.selected} ?disabled=${this.disabled} inert></odx-checkbox>`,
+      () => html`<slot name="start"></slot>`
+    )}
+      <slot></slot>
+      <slot name="end"></slot>
+    `;
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxOptionComponent.prototype, "type", 2);
+OdxOptionComponent = __decorateClass([
+  customElement("odx-option", [styles])
+], OdxOptionComponent);
+
+export { OdxOptionComponent };

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

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

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

@@ -0,0 +1,3 @@
+const styles = ":host{--max-inline-size: var(--odx-page-max-inline-size, 100%);--scroll-margin-block-start: calc(var(--header-size, 0px) + var(--subheader-size, 0px));display:grid;min-block-size:100%;grid-template-columns:100%;grid-template-rows:repeat(minmax(0,auto),2) minmax(0px,1fr);grid-template-areas:\"header\" \"subheader\" \"content\"}.header,.subheader{position:sticky;z-index:99}.subheader,.content{inline-size:100%;background-color:var(--odx-color-background-cool);padding-inline:var(--odx-size-75);max-inline-size:var(--max-inline-size)}.header{grid-area:header;inset-block-start:0}.subheader{grid-area:subheader;inset-block-start:var(--header-size, 0px)}.content{block-size:100%;grid-area:content}:host([alignment=\"center\"]){.subheader,.content{margin-inline:auto}}:host([layout=\"narrow\"]){--max-inline-size: var(--odx-page-max-inline-size-narrow)}:host([layout=\"wide\"]){--max-inline-size: var(--odx-page-max-inline-size-wide)}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"page.component.d.ts","sourceRoot":"","sources":["../../../src/components/page/page.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,aAAa,EAAG,WAAW,CAAC;IAG5B,gBAAgB,EAAG,WAAW,CAAC;IAG/B,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAGjC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAElB,YAAY,IAAI,IAAI;cAOV,MAAM,IAAI,cAAc;CAa5C"}
+{"version":3,"file":"page.component.d.ts","sourceRoot":"","sources":["../../../components/page/page.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,aAAa,EAAG,WAAW,CAAC;IAG5B,gBAAgB,EAAG,WAAW,CAAC;IAG/B,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAGjC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAElB,YAAY,IAAI,IAAI;cAOV,MAAM,IAAI,cAAc;CAa5C"}

package/dist/components/page/page.component.js

@@ -0,0 +1,53 @@
+import { CustomElement, SharedResizeObserver, toPx, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import styles from './page.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 OdxPageComponent = class extends CustomElement {
+  firstUpdated() {
+    SharedResizeObserver.observe(this, () => {
+      this.style.setProperty("--header-size", toPx(this.headerElement.offsetHeight));
+      this.style.setProperty("--subheader-size", toPx(this.subheaderElement.offsetHeight));
+    });
+  }
+  render() {
+    return html`
+      <div class="header" part="header">
+        <slot name="header"></slot>
+      </div>
+      <div class="subheader" part="subheader">
+        <slot name="subheader"></slot>
+      </div>
+      <div class="content" part="content">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  query(".header", true)
+], OdxPageComponent.prototype, "headerElement", 2);
+__decorateClass([
+  query(".subheader", true)
+], OdxPageComponent.prototype, "subheaderElement", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxPageComponent.prototype, "alignment", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxPageComponent.prototype, "layout", 2);
+OdxPageComponent = __decorateClass([
+  customElement("odx-page", [styles])
+], OdxPageComponent);
+
+export { OdxPageComponent };

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

@@ -1 +1 @@
-{"version":3,"file":"page.models.d.ts","sourceRoot":"","sources":["../../../src/components/page/page.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;CAEhB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;CAGb,CAAC"}
+{"version":3,"file":"page.models.d.ts","sourceRoot":"","sources":["../../../components/page/page.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;CAEhB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;CAGb,CAAC"}

package/dist/components/page/page.models.js

@@ -0,0 +1,9 @@
+const PageAlignment = {
+  CENTER: "center"
+};
+const PageLayout = {
+  NARROW: "narrow",
+  WIDE: "wide"
+};
+
+export { PageAlignment, PageLayout };

package/dist/components/page-layout/index.d.ts.map

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

package/dist/components/page-layout/page-layout.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:grid;inline-size:100%;grid-template-columns:minmax(0,auto) minmax(0px,100%);grid-template-rows:minmax(0px,auto) minmax(0px,1fr);grid-template-areas:\"navigation header\" \"navigation content\";justify-content:start;max-inline-size:var(--max-inline-size)}.header,.navigation{background-color:var(--odx-color-background-cool);position:sticky;inset-block-start:var(--scroll-margin-block-start);z-index:98}.content{grid-area:content;margin-block-end:var(--odx-size-150)}.header{grid-area:header}.navigation{--_size: calc(100dvh - var(--scroll-margin-block-start));grid-area:navigation;inset-block-start:var(--scroll-margin-block-start);inset-block-end:0;max-block-size:var(--_size);max-inline-size:10rem;overflow:auto;padding-inline-end:var(--odx-size-75)}";
+
+export { styles as default };

package/dist/components/page-layout/page-layout.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-layout.component.d.ts","sourceRoot":"","sources":["../../../src/components/page-layout/page-layout.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,aAAa;cACpC,MAAM,IAAI,cAAc;CAS5C"}
+{"version":3,"file":"page-layout.component.d.ts","sourceRoot":"","sources":["../../../components/page-layout/page-layout.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,aAAa;cACpC,MAAM,IAAI,cAAc;CAS5C"}

package/dist/components/page-layout/page-layout.component.js

@@ -0,0 +1,28 @@
+import { CustomElement, optionalSlot, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './page-layout.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 OdxPageLayoutComponent = class extends CustomElement {
+  render() {
+    return html`
+      ${optionalSlot(this, "navigation")}
+      ${optionalSlot(this, "header")}
+      <div class="content">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+OdxPageLayoutComponent = __decorateClass([
+  customElement("odx-page-layout", [styles])
+], OdxPageLayoutComponent);
+
+export { OdxPageLayoutComponent };

package/dist/components/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-button.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/radio-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,3 @@
+const styles = ":host{--_indicator-space: var(--odx-size-12);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-background: var(--odx-color-selection-control-fill);--_indicator-color-stroke: var(--odx-color-selection-control-stroke);--_indicator-stroke-width: var(--odx-border-width-thin);--_label-color-foreground: var(--odx-color-foreground);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);padding:var(--_indicator-space);transition-property:outline-color}:host,.indicator,.content{transition:var(--odx-transition-reduced)}.indicator{display:flex;place-content:center;place-items:center;block-size:var(--_indicator-size);inline-size:var(--_indicator-size);flex-shrink:0;border-radius:var(--odx-border-radius-circle);background-color:var(--_indicator-color-background);border:var(--odx-border-width-thin) solid var(--_indicator-color-stroke);border-color:var(--_indicator-color-stroke);border-width:var(--_indicator-stroke-width);transition-property:background-color,border,outline;outline:var(--odx-border-width-thick) solid var(--odx-palette-transparent);outline-offset:calc(-1 * var(--odx-border-width-thick))}.label{display:inline-block}.content{color:var(--_label-color-foreground);margin-block:calc(-1 * var(--_indicator-space));transition-property:color}:host(:empty) .content{display:none}:host(:not(:empty)) .indicator{margin-inline-end:var(--odx-size-75)}:host(:hover){--_indicator-color-background: var(--odx-color-selection-control-fill-hover);--_indicator-color-stroke: var(--odx-color-selection-control-stroke-hover)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}:host([aria-readonly=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-fill-readonly);--_indicator-color-foreground: var(--odx-color-selection-control-foreground-readonly);--_indicator-color-stroke: var(--odx-color-selection-control-stroke-readonly);cursor:default}:host([aria-disabled=\"true\"]){--_indicator-color-background: var(--odx-color-disabled-fill);--_indicator-color-foreground: var(--odx-color-disabled-foreground);--_indicator-color-stroke: var(--odx-color-disabled-stroke);--_label-color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([aria-checked=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-stroke-selected);--_indicator-color-foreground: var(--odx-color-foreground-light);--_indicator-color-stroke: var(--odx-color-selection-control-fill-selected);--_indicator-stroke-width: var(--odx-size-25)}:host([aria-checked=\"true\"]:not(:is([aria-readonly],[aria-disabled])):hover){--_indicator-color-stroke: var(--odx-color-selection-control-fill-selected-hover)}:host([aria-checked=\"true\"][aria-readonly=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-fill-selected);--_indicator-color-stroke: var(--odx-color-background-main);--_indicator-stroke-width: var(--odx-size-50);.indicator{outline-color:var(--odx-color-selection-control-fill-selected)}}:host([aria-checked=\"true\"][aria-disabled=\"true\"]){--_indicator-color-stroke: var(--odx-color-disabled-fill-selected);--_indicator-color-foreground: var(--odx-color-disabled-foreground-selected)}";
+
+export { styles as default };

package/dist/components/radio-button/radio-button.component.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxFormControl } from '@odx/foundation';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-radio-button': OdxRadioButtonComponent;
+    }
+}
+export declare class OdxRadioButtonComponent extends CheckboxFormControl {
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    toggle(state?: boolean, emitEvent?: boolean): void;
+}
+//# sourceMappingURL=radio-button.component.d.ts.map

package/dist/components/radio-button/radio-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.component.d.ts","sourceRoot":"","sources":["../../../components/radio-button/radio-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,mBAAmB;IACrD,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;IAclC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;CAG1D"}

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

@@ -0,0 +1,39 @@
+import { CheckboxFormControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './radio-button.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 OdxRadioButtonComponent = class extends CheckboxFormControl {
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "radio";
+  }
+  render() {
+    return html`
+      <div class="indicator"></div>
+      <div class="content">
+        <div class="label">
+          <slot></slot>
+        </div>
+        <div class="description">
+          <slot name="description"></slot>
+        </div>
+      </div>
+    `;
+  }
+  toggle(state, emitEvent = false) {
+    super.toggle(state ?? true, emitEvent);
+  }
+};
+OdxRadioButtonComponent = __decorateClass([
+  customElement("odx-radio-button", [styles])
+], OdxRadioButtonComponent);
+
+export { OdxRadioButtonComponent };

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export * from './radio-group.component';
+export * from './radio-group.models';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;flex-direction:column}::slotted(:is(odx-radio-button,odx-switch)){border-block-end:0;border-color:transparent;width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-radio-button,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-radio-button,odx-switch):last-of-type){border-block-end:none}";
+
+export { styles as default };

package/dist/components/radio-group/radio-group.component.d.ts

@@ -0,0 +1,11 @@
+import { RadioGroupFormControl } from '@odx/foundation';
+import { RadioGroupVariant } from './radio-group.models';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-radio-group': OdxRadioGroupComponent;
+    }
+}
+export declare class OdxRadioGroupComponent extends RadioGroupFormControl {
+    variant?: RadioGroupVariant;
+}
+//# sourceMappingURL=radio-group.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.component.d.ts","sourceRoot":"","sources":["../../../components/radio-group/radio-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAiB,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,qBAAqB;IAE/D,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}

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

@@ -0,0 +1,24 @@
+import { RadioGroupFormControl, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './radio-group.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 OdxRadioGroupComponent = class extends RadioGroupFormControl {
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxRadioGroupComponent.prototype, "variant", 2);
+OdxRadioGroupComponent = __decorateClass([
+  customElement("odx-radio-group", [styles])
+], OdxRadioGroupComponent);
+
+export { OdxRadioGroupComponent };

package/dist/{elements/radio-group/models/radio-group-variant.d.ts → components/radio-group/radio-group.models.d.ts}

@@ -2,4 +2,4 @@ export type RadioGroupVariant = (typeof RadioGroupVariant)[keyof typeof RadioGro
 export declare const RadioGroupVariant: {
     readonly LIST: "list";
 };
-//# sourceMappingURL=radio-group-variant.d.ts.map
+//# sourceMappingURL=radio-group.models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.models.d.ts","sourceRoot":"","sources":["../../../components/radio-group/radio-group.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAC3F,eAAO,MAAM,iBAAiB;;CAEpB,CAAC"}

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

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

package/dist/components/rail-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rail-navigation.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rail-navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/rail-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/components/rail-navigation/rail-navigation.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--min-inline-size: 180px;--max-inline-size: 240px;display:flex;flex-direction:column;block-size:100%;padding-inline:var(--odx-size-50);padding-block:var(--odx-size-150);gap:var(--odx-size-75);max-inline-size:var(--max-inline-size);min-inline-size:var(--min-inline-size);transition:var(--odx-transition-default);transition-property:min-inline-size,max-inline-size}.toggle-control{margin-block-start:auto}.toggle-icon{transition:var(--odx-transition-default)}:host([collapsed]:not([collapsed=\"false\"])){--min-inline-size: var(--odx-size-400);--max-inline-size: var(--odx-size-400);.toggle-icon{transform:rotateY(-180deg)}}";
+
+export { styles as default };

package/dist/components/rail-navigation/rail-navigation.component.d.ts

@@ -0,0 +1,24 @@
+import { CustomElement, IsTranslatable } from '@odx/foundation';
+import { TemplateResult } from 'lit';
+import { OdxNavigationItemComponent } from '../navigation-item';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-rail-navigation': OdxRailNavigationComponent;
+    }
+}
+declare const OdxRailNavigationComponent_base: import('@odx/foundation').Constructor<IsTranslatable> & typeof CustomElement;
+export declare class OdxRailNavigationComponent extends OdxRailNavigationComponent_base {
+    #private;
+    protected navigationItems: OdxNavigationItemComponent[];
+    collapsed: boolean;
+    protected render(): TemplateResult;
+    getItems(): OdxNavigationItemComponent[];
+    _getTranslations(): {
+        en: {
+            controlLabelExpanded: string;
+            controlLabelCollapsed: string;
+        };
+    };
+}
+export {};
+//# sourceMappingURL=rail-navigation.component.d.ts.map

package/dist/components/rail-navigation/rail-navigation.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail-navigation.component.d.ts","sourceRoot":"","sources":["../../../components/rail-navigation/rail-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAsB,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAGpF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;;AAED,qBACa,0BAA2B,SAAQ,+BAA6B;;IAE3E,SAAS,CAAC,eAAe,EAAG,0BAA0B,EAAE,CAAC;IAGzD,SAAS,UAAS;cAEC,MAAM,IAAI,cAAc;IAY3C,QAAQ,IAAI,0BAA0B,EAAE;IAI/B,gBAAgB;;;;;;CAoB1B"}