@odx/foundation 1.0.0-beta.13 → 1.0.0-beta.14

package/dist/cdk.js

@@ -1,4 +1,4 @@
-import { FormControl, CustomElement, getKeyboardEventInfo, toAriaBooleanAttribute, CanBeHighlighted, CanBeDisabled, toggleAttribute, getUniqueId, getElementFromEvent, ActiveDescendantsController, dedupeMixin, optionalAttr, requestUpdateOnAriaChange, WithLoadingState, getAssignedElements, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement } from '@odx/foundation';
+import { FormControl, CustomElement, getKeyboardEventInfo, toAriaBooleanAttribute, CanBeHighlighted, CanBeDisabled, getUniqueId, getElementFromEvent, ActiveDescendantsController, dedupeMixin, optionalAttr, requestUpdateOnAriaChange, WithLoadingState, getAssignedElements, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement } from '@odx/foundation';
 import { isServer, html, unsafeCSS } from 'lit';
 import { property, queryAssignedElements, query, state } from 'lit/decorators.js';
 import { R as RovingTabindexController, m as minBy } from './vendor-dJxQG085.js';
@@ -207,7 +207,7 @@ class OptionControl extends CanBeHighlighted(CanBeDisabled(CustomElement)) {
     return this.textContent?.trim() ?? "";
   }
   toggle(force) {
-    toggleAttribute(this, "odx-active", force ?? !this.hasAttribute("odx-active"));
+    this.toggleAttribute("odx-active", force ?? !this.hasAttribute("odx-active"));
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/components/button/button.d.ts

@@ -6,7 +6,6 @@ declare global {
         'odx-button': OdxButton;
     }
 }
-declare const OdxButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof InteractiveElement;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,7 +18,7 @@ declare const OdxButton_base: import('../../lib/main.js').Constructor<import('..
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButton extends OdxButton_base {
+export declare class OdxButton extends InteractiveElement {
     #private;
     static readonly formAssociated = true;
     alignBadge?: ButtonBadgeAlign;
@@ -39,5 +38,4 @@ export declare class OdxButton extends OdxButton_base {
     constructor();
     protected render(): TemplateResult;
 }
-export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/components.js

@@ -1,4 +1,4 @@
-import { CanBeExpanded, CustomElement, fromToggleEventState, getUniqueId, toAriaBooleanAttribute, customElement, requestUpdateOnAriaChange, ExpandableItemManager, CanBeDisabled, SharedResizeObserver, optionalAttr, createIntersectionObserver, createMutationObserver, getElementFromEvent, WithLoadingState, optionalSlot, toggleAttribute, getKeyboardEventInfo, queryAssignedElement, parseDate, searchTextContent, waitForAnimations, FormControl, forwardEvent, CanBeSelected, FocusTrapController, toPx, getAssignedElements, emptySlotFallbackFix, NumberControl } from '@odx/foundation';
+import { CanBeExpanded, CustomElement, fromToggleEventState, getUniqueId, toAriaBooleanAttribute, customElement, requestUpdateOnAriaChange, ExpandableItemManager, CanBeDisabled, SharedResizeObserver, optionalAttr, createIntersectionObserver, createMutationObserver, getElementFromEvent, optionalSlot, toggleAttribute, getKeyboardEventInfo, queryAssignedElement, parseDate, searchTextContent, waitForAnimations, FormControl, forwardEvent, CanBeSelected, WithLoadingState, FocusTrapController, toPx, getAssignedElements, emptySlotFallbackFix, NumberControl } from '@odx/foundation';
 import { html, isServer, css, nothing } from 'lit';
 import { property, queryAssignedElements, query, queryAll, state } from 'lit/decorators.js';
 import { signal, computed, effect, SignalWatcher } from '@lit-labs/preact-signals';
@@ -832,7 +832,7 @@ var __privateGet$o = (obj, member, getter) => (__accessCheck$s(obj, member, "rea
 var __privateAdd$s = (obj, member, value) => member.has(obj) ? __typeError$s("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod$d = (obj, member, method) => (__accessCheck$s(obj, member, "access private method"), method);
 var _internals, _OdxButton_instances, handleClick_fn;
-let OdxButton = class extends WithLoadingState(InteractiveElement) {
+let OdxButton = class extends InteractiveElement {
   constructor() {
     super();
     __privateAdd$s(this, _OdxButton_instances);

package/dist/lib/main.d.ts

@@ -12,7 +12,7 @@ export * from './mixins/can-be-validated.js';
 export * from './mixins/form-control.js';
 export * from './mixins/number-control.js';
 export * from './mixins/with-loading-state.js';
-export * from './utils/a11y.js';
+export * from './types/a11y.js';
 export * from './utils/date.js';
 export * from './utils/dedupe-mixin.js';
 export * from './utils/dom.js';

package/dist/lib/mixins/can-be-selected.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { ARIAMixinStrict } from '../utils/a11y.js';
+import { ARIAMixinStrict } from '../types/a11y.js';
 import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeSelected {
     selected: boolean;

package/dist/lib/{utils → types}/a11y.d.ts

@@ -1,7 +1,3 @@
-export type ARIAProperty = keyof ARIAMixin;
-/**
- * Valid values for `role`.
- */
 export type ARIARole = 'alert' | 'alertdialog' | 'button' | 'checkbox' | 'dialog' | 'gridcell' | 'link' | 'log' | 'marquee' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'progressbar' | 'radio' | 'scrollbar' | 'searchbox' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'tabpanel' | 'textbox' | 'timer' | 'tooltip' | 'treeitem' | 'combobox' | 'grid' | 'listbox' | 'menu' | 'menubar' | 'radiogroup' | 'tablist' | 'tree' | 'treegrid' | 'application' | 'article' | 'cell' | 'columnheader' | 'definition' | 'directory' | 'document' | 'feed' | 'figure' | 'group' | 'heading' | 'img' | 'list' | 'listitem' | 'math' | 'none' | 'note' | 'presentation' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'separator' | 'table' | 'term' | 'text' | 'toolbar' | 'banner' | 'complementary' | 'contentinfo' | 'form' | 'main' | 'navigation' | 'region' | 'search' | 'doc-abstract' | 'doc-acknowledgments' | 'doc-afterword' | 'doc-appendix' | 'doc-backlink' | 'doc-biblioentry' | 'doc-bibliography' | 'doc-biblioref' | 'doc-chapter' | 'doc-colophon' | 'doc-conclusion' | 'doc-cover' | 'doc-credit' | 'doc-credits' | 'doc-dedication' | 'doc-endnote' | 'doc-endnotes' | 'doc-epigraph' | 'doc-epilogue' | 'doc-errata' | 'doc-example' | 'doc-footnote' | 'doc-foreword' | 'doc-glossary' | 'doc-glossref' | 'doc-index' | 'doc-introduction' | 'doc-noteref' | 'doc-notice' | 'doc-pagebreak' | 'doc-pagelist' | 'doc-part' | 'doc-preface' | 'doc-prologue' | 'doc-pullquote' | 'doc-qna' | 'doc-subtitle' | 'doc-tip' | 'doc-toc';
 /**
  * An extension of `ARIAMixin` that enforces strict value types for aria
@@ -59,5 +55,4 @@ export interface ARIAMixinStrict extends ARIAMixin {
     ariaValueText: string | null;
     role: ARIARole | null;
 }
-export declare function ariaPropertyToAttribute<K extends ARIAProperty>(property: K): string;
 //# sourceMappingURL=a11y.d.ts.map

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

@@ -1,5 +1,3 @@
-export type CSSDimensionUnit = 'px' | 'em' | 'rem' | 'vh' | 'vw' | 'vmin' | 'vmax' | '%' | 'fr' | 'auto' | 'inherit' | 'initial' | 'unset';
-export type CSSDimensionValue = `${number}${CSSDimensionUnit}`;
 /**
  * Creates a new MutationObserver instance.
  *

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

@@ -1,6 +1,5 @@
 import { ReactiveElement, TemplateResult, nothing } from 'lit';
-import { ARIAProperty } from './a11y.js';
-export declare function requestUpdateOnAriaChange(ariaProperties: ARIAProperty[]): (ctor: typeof ReactiveElement) => void;
+export declare function requestUpdateOnAriaChange(ariaProperties: Array<keyof ARIAMixin>): (ctor: typeof ReactiveElement) => void;
 export declare const optionalAttr: <T>(value: T) => NonNullable<T>;
 export declare function optionalSlot(host: ReactiveElement, slotName: string): TemplateResult | typeof nothing;
 //# sourceMappingURL=lit.d.ts.map

package/dist/main.js

@@ -646,10 +646,6 @@ const WithLoadingState = dedupeMixin((superClass) => {
   return WithLoadingStateElement;
 });
 
-function ariaPropertyToAttribute(property) {
-  return property.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase();
-}
-
 function parseDate(value) {
   const date = new Date(value);
   if (Number.isNaN(date.getTime()) && typeof value === "string") {
@@ -664,7 +660,7 @@ class SlotFallbackDirective extends Directive {
     const host = options?.host;
     if (!host || !(element instanceof HTMLSlotElement)) return;
     const attributeName = ["empty-slot", element.name].filter(Boolean).join("-");
-    toggleAttribute(host, attributeName, !host.textContent?.trim() && element.assignedElements().length === 0);
+    host.toggleAttribute(attributeName, !host.textContent?.trim() && element.assignedElements().length === 0);
   }
   render() {
   }
@@ -729,10 +725,8 @@ function getKeyboardEventInfo(event) {
 function requestUpdateOnAriaChange(ariaProperties) {
   return (ctor) => {
     for (const ariaProperty of ariaProperties) {
-      ctor.createProperty(ariaProperty, {
-        attribute: ariaPropertyToAttribute(ariaProperty),
-        reflect: true
-      });
+      const attribute = ariaProperty.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase();
+      ctor.createProperty(ariaProperty, { attribute, reflect: true });
     }
   };
 }
@@ -876,4 +870,4 @@ class SharedResizeObserverInstance {
 }
 const SharedResizeObserver = new SharedResizeObserverInstance();
 
-export { ActiveDescendantsController, ActiveDescendantsControllerOptions, CanBeDisabled, CanBeExpanded, CanBeHighlighted, CanBeReadonly, CanBeRequired, CanBeSelected, CanBeValidated, CustomElement, DisabledContext, DisabledContextProvider, ExpandableItemManager, ExpandableItemManagerOptions, FocusTrapController, FocusTrapControllerOptions, FormControl, KeyboardKey, NumberControl, SharedIntersectionObserver, SharedResizeObserver, WithLoadingState, ariaPropertyToAttribute, clearUniqueIdCache, createIntersectionObserver, createMutationObserver, createResizeObserver, customElement, dedupeMixin, emptySlotFallbackFix, findClosestDocument, forwardEvent, fromAriaBooleanAttribute, fromToggleEventState, getAssignedElements, getElementFromEvent, getKeyboardEventInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, queryAssignedElement, requestUpdateOnAriaChange, searchTextContent, toAriaBooleanAttribute, toPx, toToggleEventState$1 as toToggleEventState, toggleAttribute, waitForAnimations };
+export { ActiveDescendantsController, ActiveDescendantsControllerOptions, CanBeDisabled, CanBeExpanded, CanBeHighlighted, CanBeReadonly, CanBeRequired, CanBeSelected, CanBeValidated, CustomElement, DisabledContext, DisabledContextProvider, ExpandableItemManager, ExpandableItemManagerOptions, FocusTrapController, FocusTrapControllerOptions, FormControl, KeyboardKey, NumberControl, SharedIntersectionObserver, SharedResizeObserver, WithLoadingState, clearUniqueIdCache, createIntersectionObserver, createMutationObserver, createResizeObserver, customElement, dedupeMixin, emptySlotFallbackFix, findClosestDocument, forwardEvent, fromAriaBooleanAttribute, fromToggleEventState, getAssignedElements, getElementFromEvent, getKeyboardEventInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, queryAssignedElement, requestUpdateOnAriaChange, searchTextContent, toAriaBooleanAttribute, toPx, toToggleEventState$1 as toToggleEventState, toggleAttribute, waitForAnimations };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.14",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",