@odx/foundation 1.0.0-beta.241 → 1.0.0-beta.242

package/dist/breakpoints/main.d.ts

@@ -1,22 +1,27 @@
-import { BreakpointConfig } from './models.js';
-export declare const defaultBreakpoints: {
-    readonly mobile: {
-        readonly id: "mobile";
-        readonly min: 0;
-        readonly max: 575.98;
-    };
-    readonly tablet: {
-        readonly id: "tablet";
-        readonly min: 576;
-        readonly max: 991.98;
-    };
-    readonly desktop: {
-        readonly id: "desktop";
-        readonly min: 992;
-        readonly max: 1199.98;
-    };
-};
+import { BreakpointConfig } from './types.js';
+declare global {
+    namespace ODX.Breakpoints {
+        interface Config {
+            mobile: true;
+            tablet: true;
+            desktop: true;
+        }
+    }
+}
+export declare const defaultBreakpoints: [{
+    readonly name: "mobile";
+    readonly min: 0;
+    readonly max: 575.98;
+}, {
+    readonly name: "tablet";
+    readonly min: 576;
+    readonly max: 991.98;
+}, {
+    readonly name: "desktop";
+    readonly min: 992;
+    readonly max: 1199.98;
+}];
 export default function setupBreakpoints(breakpointsConfig?: BreakpointConfig[]): () => void;
-export type * from './models.js';
+export type * from './types.js';
 export * from './utils.js';
 //# sourceMappingURL=main.d.ts.map

package/dist/breakpoints/types.d.ts

@@ -0,0 +1,14 @@
+import { FilteredKeys } from '../utils/main.js';
+export type BreakpointOperator = '<' | '<=' | '>=' | '>';
+export interface BreakpointConfig {
+    name: keyof FilteredKeys<ODX.Breakpoints.Config>;
+    min: number;
+    max: number;
+    customQuery?: string;
+}
+export interface Breakpoint extends BreakpointConfig {
+    id: BreakpointConfig['name'] | `${BreakpointOperator}${BreakpointConfig['name']}`;
+    query: string;
+    operator?: BreakpointOperator;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/breakpoints/utils.d.ts

@@ -1,5 +1,5 @@
 import { Signal } from '../signals/main.js';
-import { Breakpoint, BreakpointChange, BreakpointConfig, BreakpointOperator } from './models.js';
+import { Breakpoint, BreakpointConfig, BreakpointOperator } from './types.js';
 export declare const breakpointDirective: import('../utils/main.js').StringAttributeDirective<"odx-breakpoint">;
 export declare const breakpointClassDirective: import('../utils/main.js').StringAttributeDirective<"odx-breakpoint-class">;
 export declare function buildBreakpoint(breakpoint: BreakpointConfig, operator?: BreakpointOperator): Breakpoint;
@@ -7,5 +7,7 @@ export declare function expandBreakpoints(...breakpoints: BreakpointConfig[]): B
 export declare function observeBreakpoint(breakpoint: Breakpoint, initialValue?: boolean): Signal<Breakpoint & {
     matches: boolean;
 }>;
-export declare function createBreakpointDirectiveUpdater(breakpoints: Breakpoint[], update?: (target: HTMLElement, change: BreakpointChange) => void): () => void;
+export declare function createBreakpointDirectiveUpdater(breakpoints: Breakpoint[], update?: (target: HTMLElement, change: Breakpoint & {
+    matches: boolean;
+}) => void): () => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/breakpoints.js

@@ -5,7 +5,7 @@ const operators = ["<", "<=", ">=", ">"];
 const breakpointDirective = stringAttributeDirective("odx-breakpoint");
 const breakpointClassDirective = stringAttributeDirective("odx-breakpoint-class");
 function buildBreakpoint(breakpoint, operator) {
-  const id = operator ? `${operator}${breakpoint.id}` : breakpoint.id;
+  const id = operator ? `${operator}${breakpoint.name}` : breakpoint.name;
   let query = `(min-width: ${breakpoint.min}px) and (max-width: ${breakpoint.max}px)`;
   switch (operator) {
     case "<":
@@ -58,10 +58,13 @@ function createBreakpointDirectiveUpdater(breakpoints, update) {
   const breakpointObservers = breakpoints.map((breakpoint) => observeBreakpoint(breakpoint, false));
   return () => {
     const directives = document.querySelectorAll(breakpointDirective.selector);
-    const changes = breakpointObservers.reduce((breakpoints2, { value }) => {
-      breakpoints2[value.id] = value;
-      return breakpoints2;
-    }, {});
+    const changes = breakpointObservers.reduce(
+      (breakpoints2, { value }) => {
+        breakpoints2[value.id] = value;
+        return breakpoints2;
+      },
+      {}
+    );
     let i = directives.length;
     while (i--) {
       const directive = directives[i];
@@ -74,13 +77,13 @@ function createBreakpointDirectiveUpdater(breakpoints, update) {
   };
 }
 
-const defaultBreakpoints = {
-  mobile: { id: "mobile", min: 0, max: 575.98 },
-  tablet: { id: "tablet", min: 576, max: 991.98 },
-  desktop: { id: "desktop", min: 992, max: 1199.98 }
-};
+const defaultBreakpoints = [
+  { name: "mobile", min: 0, max: 575.98 },
+  { name: "tablet", min: 576, max: 991.98 },
+  { name: "desktop", min: 992, max: 1199.98 }
+];
 function setupBreakpoints(breakpointsConfig = []) {
-  const breakpoints = expandBreakpoints(...Object.values(defaultBreakpoints), ...breakpointsConfig);
+  const breakpoints = expandBreakpoints(...defaultBreakpoints, ...breakpointsConfig);
   const directiveUpdater = createBreakpointDirectiveUpdater(breakpoints);
   let mutationObserver;
   let unobserveBreakpoints = () => {

package/dist/i18n/main.d.ts

@@ -1,3 +1,6 @@
+import { ExpandUnion, Loose } from '../utils/main.js';
+import { default as en } from './translations/en.json';
+import { GetTranslationKeysObject } from './types.js';
 export * from './config.js';
 export * from './format.js';
 export * from './is-localized.js';
@@ -5,4 +8,13 @@ export * from './localization.js';
 export * from './models.js';
 export * from './translate.js';
 export type * from './types.js';
+declare global {
+    namespace ODX.I18n {
+        interface AvailableLanguages {
+            en: true;
+        }
+        type TranslateKey = Loose<ExpandUnion<keyof GetTranslationKeysObject<typeof en>>>;
+        type Languages = keyof AvailableLanguages;
+    }
+}
 //# sourceMappingURL=main.d.ts.map

package/dist/i18n/types.d.ts

@@ -1,6 +1,4 @@
-import { ExpandUnion, Loose } from '../utils/main.js';
-import { default as en } from './translations/en.json';
-type ExtractTranslationKeys<T, Prefix extends string = ''> = {
+export type ExtractTranslationKeys<T, Prefix extends string = ''> = {
     [K in keyof T]: T[K] extends string ? `${Prefix}${K & string}` : T[K] extends object ? ExtractTranslationKeys<T[K], `${Prefix}${K & string}.`> : never;
 }[keyof T];
 export type TranslationSimple = {
@@ -13,18 +11,4 @@ export type TranslateContext = Record<string, string | number | boolean> | strin
 export type GetTranslationKeysObject<T extends TranslationNested> = {
     [key in ExtractTranslationKeys<T>]: true;
 };
-declare global {
-    namespace ODX.I18n.Config {
-        interface AvailableLanguages {
-            en: true;
-        }
-        interface TranslationKeys extends GetTranslationKeysObject<typeof en> {
-        }
-    }
-    namespace ODX.I18n {
-        type TranslateKey = Loose<ExpandUnion<keyof Config.TranslationKeys>>;
-        type Languages = keyof Config.AvailableLanguages;
-    }
-}
-export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/dialog-element.d.ts

@@ -148,11 +148,6 @@ export declare const DialogAfterCloseEvent: {
     dispatch(target: HTMLElement, eventInit?: CustomEventInit<never> | undefined): boolean;
 };
 export declare const DialogCloseCommand: import('../utils/main.js').CommandDirective<"odx-dialog-close">;
-declare global {
-    interface HTMLElementEventMap {
-        toggle: ToggleEvent;
-    }
-}
 declare const DialogElement_base: import('../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class DialogElement extends DialogElement_base {
     #private;

package/dist/utils/types.d.ts

@@ -2,4 +2,7 @@ export declare type Constructor<T> = new (...args: any[]) => T;
 export type Loose<T extends string> = T | (string & {});
 export type ExpandUnion<T> = T extends unknown ? T : never;
 export type ValuesOf<T extends object> = T[keyof T];
+export type FilteredKeys<T extends object> = {
+    [K in keyof T as T[K] extends true ? K : never]: T[K];
+};
 //# sourceMappingURL=types.d.ts.map

package/package.json

@@ -2,7 +2,7 @@
   "name": "@odx/foundation",
   "displayName": "ODX Design System Foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.241",
+  "version": "1.0.0-beta.242",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",

package/dist/breakpoints/models.d.ts

@@ -1,15 +0,0 @@
-export interface BreakpointConfig {
-    id: string;
-    min: number;
-    max: number;
-    customQuery?: string;
-}
-export type BreakpointOperator = '<' | '<=' | '>=' | '>';
-export type Breakpoint = BreakpointConfig & {
-    query: string;
-    operator?: BreakpointOperator;
-};
-export type BreakpointChange = Breakpoint & {
-    matches: boolean;
-};
-//# sourceMappingURL=models.d.ts.map