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

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

@@ -1,56 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { when } from 'lit/directives/when.js';
-import styles from './breadcrumb-item.component.css.js';
-import { OdxLinkComponent } from '../link/link.component.js';
-
-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 __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 _OdxBreadcrumbItemComponent_instances, updateVisibility_fn;
-let OdxBreadcrumbItemComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _OdxBreadcrumbItemComponent_instances);
-  }
-  get interactiveElement() {
-    return this.querySelector(OdxLinkComponent.selector);
-  }
-  updated(props) {
-    super.updated(props);
-    __privateMethod(this, _OdxBreadcrumbItemComponent_instances, updateVisibility_fn).call(this);
-  }
-  render() {
-    const isLast = this.isLast();
-    return html`
-      <slot></slot>
-      ${when(!isLast, () => html`<odx-icon class="separator" name="chevron-right"></odx-icon>`)}
-    `;
-  }
-  isLast() {
-    return this.nextElementSibling === null;
-  }
-};
-_OdxBreadcrumbItemComponent_instances = new WeakSet();
-updateVisibility_fn = function() {
-  if (this.slot === "fallback" || !this.interactiveElement) return;
-  this.interactiveElement.subtle = true;
-  this.interactiveElement.emphasized = this.isLast();
-  this.interactiveElement.ariaCurrent = this.isLast() ? "page" : null;
-};
-OdxBreadcrumbItemComponent = __decorateClass([
-  customElement("odx-breadcrumb-item", [styles])
-], OdxBreadcrumbItemComponent);
-
-export { OdxBreadcrumbItemComponent };

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

@@ -1,17 +0,0 @@
-import { CustomElement } from '@odx/foundation';
-import { PropertyValues, TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-breadcrumb': OdxBreadcrumbComponent;
-    }
-}
-export declare class OdxBreadcrumbComponent extends CustomElement {
-    #private;
-    private items;
-    private fallbackItems;
-    private rootItems;
-    max: number;
-    protected render(): TemplateResult;
-    protected updated(props: PropertyValues<this>): void;
-}
-//# sourceMappingURL=breadcrumb.component.d.ts.map

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,72 +0,0 @@
-import { CustomElement, toAriaBooleanAttribute, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { queryAssignedElements, property } from 'lit/decorators.js';
-import { OdxBreadcrumbItemComponent } from './breadcrumb-item.component.js';
-import styles from './breadcrumb.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 _OdxBreadcrumbComponent_instances, updateContext_fn;
-let OdxBreadcrumbComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _OdxBreadcrumbComponent_instances);
-    this.max = 5;
-  }
-  render() {
-    return html`
-      <slot name="root"></slot>
-      <slot @slotchange=${__privateMethod(this, _OdxBreadcrumbComponent_instances, updateContext_fn)} name="fallback"></slot>
-      <slot @slotchange=${__privateMethod(this, _OdxBreadcrumbComponent_instances, updateContext_fn)}></slot>
-    `;
-  }
-  updated(props) {
-    super.updated(props);
-    if (props.has("max")) {
-      __privateMethod(this, _OdxBreadcrumbComponent_instances, updateContext_fn).call(this);
-    }
-  }
-};
-_OdxBreadcrumbComponent_instances = new WeakSet();
-updateContext_fn = async function() {
-  await this.updateComplete;
-  const items = [...this.rootItems, ...this.items];
-  const visibleItems = items.filter((item, index) => item.slot === "root" || index > items.length - this.max);
-  for (const [index, item] of items.entries()) {
-    item.ariaHidden = toAriaBooleanAttribute(this.slot !== "fallback" && !(item.slot === "root" || index > items.length - this.max));
-  }
-  for (const item of this.fallbackItems) {
-    item.ariaHidden = toAriaBooleanAttribute(this.max < 2 || visibleItems.length === items.length);
-  }
-};
-__decorateClass([
-  queryAssignedElements({ selector: OdxBreadcrumbItemComponent.selector, flatten: true })
-], OdxBreadcrumbComponent.prototype, "items", 2);
-__decorateClass([
-  queryAssignedElements({ selector: OdxBreadcrumbItemComponent.selector, flatten: true, slot: "fallback" })
-], OdxBreadcrumbComponent.prototype, "fallbackItems", 2);
-__decorateClass([
-  queryAssignedElements({ selector: OdxBreadcrumbItemComponent.selector, flatten: true, slot: "root" })
-], OdxBreadcrumbComponent.prototype, "rootItems", 2);
-__decorateClass([
-  property({ type: Number })
-], OdxBreadcrumbComponent.prototype, "max", 2);
-OdxBreadcrumbComponent = __decorateClass([
-  customElement("odx-breadcrumb", [styles])
-], OdxBreadcrumbComponent);
-
-export { OdxBreadcrumbComponent };

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

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

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/elements/form-field/index.d.ts

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

package/dist/elements/main.d.ts

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

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

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

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

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

package/dist/elements/table/elements/table-checkbox-cell/index.d.ts

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

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

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

package/dist/elements/table/elements/table-header-cell/index.d.ts

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

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

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

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

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

package/dist/elements/toast/index.d.ts

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

package/dist/elements/toast/models/index.d.ts

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

package/dist/elements/tooltip/index.d.ts

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

package/dist/elements/tooltip/models/index.d.ts

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

package/dist/lib/controllers/index.d.ts

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

package/dist/lib/directives/index.d.ts

@@ -1,5 +0,0 @@
-export * from './aria-boolean-attr';
-export * from './optional-attr';
-export * from './optional-slot';
-export * from './slot-fallback';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/external/index.d.ts

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

package/dist/lib/facade/index.d.ts

@@ -1,6 +0,0 @@
-export * from './checkbox-form-control';
-export * from './checkbox-group-form-control';
-export * from './option-control';
-export * from './radio-group-form-control';
-export * from './select-form-control';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/mixins/index.d.ts

@@ -1,12 +0,0 @@
-export * from './can-be-disabled';
-export * from './can-be-readonly';
-export * from './can-be-required';
-export * from './can-be-validated';
-export * from './dedupe-mixin';
-export * from './form-control';
-export * from './is-localized';
-export * from './is-translatable';
-export * from './number-control';
-export * from './with-aria-controls';
-export * from './with-loading-state';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/mixins/is-translatable.d.ts

@@ -1,13 +0,0 @@
-import { Signal } from '@lit-labs/signals';
-import { CustomElement } from '../models';
-import { Constructor } from './dedupe-mixin';
-import { IsLocalized } from './is-localized';
-export interface IsTranslatable extends IsLocalized {
-    readonly language: Signal.Computed<string>;
-    _getTranslations?(): Record<string, Translation>;
-    _translate(key: string): string;
-}
-type Translation = Record<string, string>;
-export declare const IsTranslatable: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<IsTranslatable> & T;
-export {};
-//# sourceMappingURL=is-translatable.d.ts.map

package/dist/lib/mixins/is-translatable.js

@@ -1,20 +0,0 @@
-import { computed } from '@lit-labs/signals';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { IsLocalized } from './is-localized.js';
-
-const IsTranslatable = dedupeMixin((superClass) => {
-  class IsTranslatableElement extends IsLocalized(superClass) {
-    constructor() {
-      super(...arguments);
-      this.language = computed(() => this.locale.get().language);
-    }
-    _translate(key) {
-      const translations = this._getTranslations?.() ?? {};
-      const translation = translations[this.language.get()] ?? translations["en"];
-      return translation?.[key] ?? "";
-    }
-  }
-  return IsTranslatableElement;
-});
-
-export { IsTranslatable };

package/dist/lib/models/index.d.ts

@@ -1,5 +0,0 @@
-export * from './aria-mixin-strict';
-export * from './custom-element';
-export * from './locale';
-export * from './single-unit-identifier';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/models/locale.d.ts

@@ -1,2 +0,0 @@
-export type Locale = Intl.UnicodeBCP47LocaleIdentifier | Intl.Locale;
-//# sourceMappingURL=locale.d.ts.map

package/dist/lib/utils/create-intersection-observer.d.ts

@@ -1,8 +0,0 @@
-/**
- * Creates a IntersectionObserver instance safely, falling back to a dummy if the API is not supported.
- *
- * @param {IntersectionObserverCallback} callback - The callback to execute when an observed element's size changes.
- * @returns {IntersectionObserver} A IntersectionObserver instance or a dummy object with no-op methods if unsupported.
- */
-export declare function createIntersectionObserver(callback: IntersectionObserverCallback): IntersectionObserver;
-//# sourceMappingURL=create-intersection-observer.d.ts.map

package/dist/lib/utils/create-intersection-observer.js

@@ -1,9 +0,0 @@
-function createIntersectionObserver(callback) {
-  try {
-    return new IntersectionObserver(callback);
-  } catch {
-    return { root: null, rootMargin: "", thresholds: [], takeRecords: () => [], observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-
-export { createIntersectionObserver };

package/dist/lib/utils/create-mutation-observer.d.ts

@@ -1,8 +0,0 @@
-/**
- * Creates a new MutationObserver instance.
- *
- * @param {MutationCallback} callback - The callback to execute when a mutation occurs.
- * @returns {MutationObserver} A MutationObserver instance or a dummy object with no-op methods if unsupported.
- */
-export declare function createMutationObserver(callback: MutationCallback): MutationObserver;
-//# sourceMappingURL=create-mutation-observer.d.ts.map

package/dist/lib/utils/create-mutation-observer.js

@@ -1,9 +0,0 @@
-function createMutationObserver(callback) {
-  try {
-    return new MutationObserver(callback);
-  } catch {
-    return { takeRecords: () => [], observe: () => void 0, disconnect: () => void 0 };
-  }
-}
-
-export { createMutationObserver };

package/dist/lib/utils/create-resize-observer.d.ts

@@ -1,8 +0,0 @@
-/**
- * Creates a ResizeObserver instance safely, falling back to a dummy if the API is not supported.
- *
- * @param {ResizeObserverCallback} callback - The callback to execute when an observed element's size changes.
- * @returns {ResizeObserver} A ResizeObserver instance or a dummy object with no-op methods if unsupported.
- */
-export declare function createResizeObserver(callback: ResizeObserverCallback): ResizeObserver;
-//# sourceMappingURL=create-resize-observer.d.ts.map

package/dist/lib/utils/create-resize-observer.js

@@ -1,9 +0,0 @@
-function createResizeObserver(callback) {
-  try {
-    return new ResizeObserver(callback);
-  } catch {
-    return { observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-
-export { createResizeObserver };

package/dist/lib/utils/element-loader.d.ts

@@ -1,4 +0,0 @@
-import { CustomElement } from '../models/custom-element';
-export declare function registerElement(element: typeof CustomElement): void;
-export declare function loadElements(): Promise<void>;
-//# sourceMappingURL=element-loader.d.ts.map

package/dist/lib/utils/format.d.ts

@@ -1,20 +0,0 @@
-import { Locale, SingleUnitIdentifier } from '../models';
-export interface FormatOptions {
-    locale?: Locale;
-}
-export declare const iso8601DateTimeFormat: Intl.DateTimeFormat;
-export interface DateTimeFormatOptions extends Omit<Intl.DateTimeFormatOptions, 'dateStyle'>, FormatOptions {
-    dateStyle?: 'iso8601' | Intl.DateTimeFormatOptions['dateStyle'];
-}
-export declare function formatDate(input: number | string | Date, options?: DateTimeFormatOptions): string;
-export interface NumberFormatOptions extends Intl.NumberFormatOptions, FormatOptions {
-    unit?: SingleUnitIdentifier;
-}
-export declare function formatNumber(input: number | string, options?: NumberFormatOptions): string;
-export type ListFormatOptions = Intl.ListFormatOptions & FormatOptions;
-export declare function formatList(input: string[], options?: ListFormatOptions): string;
-export interface RelativeTimeFormatOptions extends Intl.RelativeTimeFormatOptions, FormatOptions {
-    minUnit?: Intl.RelativeTimeFormatUnit;
-}
-export declare function formatRelativeTime(input: number | string | Date, options?: RelativeTimeFormatOptions): string;
-//# sourceMappingURL=format.d.ts.map

package/dist/lib/utils/index.d.ts

@@ -1,13 +0,0 @@
-export * from './create-mutation-observer';
-export * from './create-options';
-export * from './dom';
-export * from './format';
-export * from './get-unique-id';
-export * from './keyboard-events';
-export * from './localization';
-export * from './parse-date';
-export * from './request-update-on-aria-change';
-export * from './shared-intersection-observer';
-export * from './shared-resize-observer';
-export * from './wait-for-animations';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/utils/localization.d.ts

@@ -1,15 +0,0 @@
-import { Locale } from '../models';
-import { DateTimeFormatOptions, ListFormatOptions, NumberFormatOptions, RelativeTimeFormatOptions } from './format';
-export interface LocalizationOptions {
-    defaultLocale: () => Locale;
-    numberFormatOptions?: NumberFormatOptions;
-    dateTimeFormatOptions?: DateTimeFormatOptions;
-    listFormatOptions?: ListFormatOptions;
-    relativeTimeFormatOptions?: RelativeTimeFormatOptions;
-}
-export declare function setLocalizationOptions(options?: Partial<LocalizationOptions> | null): void;
-export declare function getLocalizationOptions(options?: Partial<LocalizationOptions> | null): LocalizationOptions;
-export declare function watchLocaleChanges(root?: HTMLElement): void;
-export declare function setLocale(locale: Locale | null): void;
-export declare function getLocale(locale?: Locale | null): Intl.Locale;
-//# sourceMappingURL=localization.d.ts.map

package/dist/lib/utils/localization.js

@@ -1,41 +0,0 @@
-import { signal } from '@lit-labs/signals';
-import { createMutationObserver } from './create-mutation-observer.js';
-import { createOptions } from './create-options.js';
-
-const LocalizationOptions = createOptions({
-  defaultLocale: () => navigator.language,
-  relativeTimeFormatOptions: {
-    minUnit: "minute"
-  }
-});
-const localizationOptions = signal(null);
-const activeLocale = signal(null, { equals: (t, t2) => t?.toString() === t2?.toString() });
-function setLocalizationOptions(options) {
-  localizationOptions.set(getLocalizationOptions(options));
-}
-function getLocalizationOptions(options) {
-  return LocalizationOptions(options ?? localizationOptions.get() ?? {});
-}
-function watchLocaleChanges(root = document.documentElement) {
-  const updateLocale = () => activeLocale.set(getLocale(root.lang));
-  const observer = createMutationObserver(updateLocale);
-  observer.observe(root, { attributes: true, attributeFilter: ["lang"] });
-  updateLocale();
-}
-function setLocale(locale) {
-  if (locale === null) {
-    document.documentElement.lang = getLocalizationOptions().defaultLocale().toString();
-  } else {
-    document.documentElement.lang = getLocale(locale).toString();
-  }
-}
-function getLocale(locale) {
-  const fallbackLocale = activeLocale.get() || getLocalizationOptions().defaultLocale();
-  try {
-    return new Intl.Locale(locale || fallbackLocale);
-  } catch {
-    return new Intl.Locale(fallbackLocale);
-  }
-}
-
-export { getLocale, getLocalizationOptions, setLocale, setLocalizationOptions, watchLocaleChanges };

package/dist/lib/utils/wait-for-animations.d.ts

@@ -1,2 +0,0 @@
-export declare function waitForAnimations(element?: Element | null, subtree?: boolean): Promise<Animation[]>;
-//# sourceMappingURL=wait-for-animations.d.ts.map

package/dist/lib/utils/wait-for-animations.js

@@ -1,8 +0,0 @@
-async function waitForAnimations(element, subtree = false) {
-  if (!element || typeof element.getAnimations !== "function") {
-    return [];
-  }
-  return Promise.all(element.getAnimations({ subtree }).map((animation) => animation.finished)).catch(() => []);
-}
-
-export { waitForAnimations };