@odx/angular 1.0.0-rc.9 → 1.0.0

package/fesm2020/odx-angular-internal.mjs

@@ -1,26 +1,4 @@
-const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');
-const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');
-/** @internal */
-/* istanbul ignore next */
-function CSSComponent(name, prefix = 'odx') {
-    return (target) => {
-        const cssClass = `${prefix}-${name}`;
-        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
-            value: cssClass,
-        });
-        (function (ngOnInit) {
-            target.prototype.ngOnInit = function () {
-                this.element.nativeElement.classList.add(cssClass);
-                ngOnInit?.call(this);
-                if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {
-                    for (const property of this[CSS_COMPONENT_MODIFIERS]) {
-                        this[property] ?? (this[property] = null);
-                    }
-                }
-            };
-        })(target.prototype.ngOnInit);
-    };
-}
+import { deepmergeCustom } from 'deepmerge-ts';
 
 /** @internal */
 /* istanbul ignore next */
@@ -34,6 +12,15 @@ function camelToKebabCase(value) {
     return value;
 }
 
+function decoratorPropertyName(decoratorName, propertyName) {
+    return `__ODX_${decoratorName}_${propertyName}__`;
+}
+
+const deepmerge = deepmergeCustom({
+    mergeArrays: false,
+    mergeSets: false,
+});
+
 /* istanbul ignore next */
 function isSameDomain(styleSheet) {
     if (!styleSheet.href) {
@@ -72,14 +59,16 @@ function getEnumValues(e) {
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
-function ɵwithMultipleDescriptors(target, key, symbol) {
-    var _a, _b;
-    const setters = (target[_a = `__propSetters__${target.constructor}__${key.toString()}`] ?? (target[_a] = []));
-    const getters = (target[_b = `__propGetters__${target.constructor}__${key.toString()}`] ?? (target[_b] = []));
-    const propertyValue = `__propValue_${String(key)}__`;
+function ɵwithMultipleDescriptors(target, key, propertySymbol) {
+    const keyName = key.toString();
+    const settersProperty = decoratorPropertyName('MultipleDescriptors', `setters_${target.constructor.name}_${keyName}`);
+    const gettersProperty = decoratorPropertyName('MultipleDescriptors', `getters_${target.constructor.name}_${keyName}`);
+    const valueProperty = decoratorPropertyName('MultipleDescriptors', `value_${keyName}`);
+    const setters = (target[settersProperty] ?? (target[settersProperty] = []));
+    const getters = (target[gettersProperty] ?? (target[gettersProperty] = []));
     return {
         addSetter(fn) {
-            setters.push({ fn, propertySymbol: symbol });
+            setters.push({ fn, propertySymbol });
         },
         addGetter(fn) {
             getters.push({ fn });
@@ -87,17 +76,23 @@ function ɵwithMultipleDescriptors(target, key, symbol) {
         init() {
             Object.defineProperty(target, key, {
                 set(value) {
-                    this[propertyValue] = setters.reduce((result, { fn, propertySymbol }) => {
-                        fn.call(this, result);
-                        return this[propertySymbol];
-                    }, value);
+                    let currentValue = value;
+                    for (const { fn, propertySymbol } of setters) {
+                        fn.call(this, currentValue);
+                        currentValue = this[propertySymbol];
+                    }
+                    this[valueProperty] = currentValue;
                 },
                 get() {
                     if (Array.isArray(getters)) {
-                        return getters.reduce((_, { fn }) => fn.call(this), this[propertyValue]);
+                        let currentValue = this[valueProperty];
+                        for (const { fn } of getters) {
+                            currentValue = fn.call(this);
+                        }
+                        return currentValue;
                     }
                     else {
-                        return this[propertyValue];
+                        return this[valueProperty];
                     }
                 },
                 configurable: true,
@@ -106,41 +101,62 @@ function ɵwithMultipleDescriptors(target, key, symbol) {
     };
 }
 
+const CSS_COMPONENT_NAME = decoratorPropertyName('CSSComponent', 'name');
+/** @internal */
+/* istanbul ignore next */
+function CSSComponent(name, prefix = 'odx') {
+    return (target) => {
+        const cssClass = `${prefix}-${name}`;
+        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
+            value: cssClass,
+        });
+        (function (ngOnInit) {
+            target.prototype.ngOnInit = function () {
+                this.element.nativeElement.classList.add(cssClass);
+                ngOnInit?.call(this);
+            };
+        })(target.prototype.ngOnInit);
+    };
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
 function CSSModifier(options) {
     return (target, propertyKey) => {
-        const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);
+        const propertyKeyName = propertyKey.toString();
+        const propertyKeyKebabCase = camelToKebabCase(propertyKeyName);
+        const propertySymbol = decoratorPropertyName('CSSModifier', propertyKeyName);
+        const propertyDefaultValue = decoratorPropertyName('CSSModifier', `${propertyKeyName}_default`);
         const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);
-        const propertyKeyKebabCase = camelToKebabCase(propertyKey.toString());
         function createModifierClass(value) {
-            value = value ?? options?.default ?? null;
             if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {
                 let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;
                 if (options?.withPrefix) {
-                    modifier = [propertyKey, modifier].join('-');
+                    modifier = `${propertyKeyName}-${modifier}`;
                 }
-                return [options?.withComponentPrefix ?? true ? this[CSS_COMPONENT_NAME] : null, modifier].filter(Boolean).join('--');
+                if (options?.withComponentPrefix ?? true) {
+                    return `${this[CSS_COMPONENT_NAME]}--${modifier}`;
+                }
+                return modifier;
             }
             return null;
         }
-        if (options?.default) {
-            target[CSS_COMPONENT_MODIFIERS] = (target[CSS_COMPONENT_MODIFIERS] || []).concat(propertyKey);
-        }
         function setter(value) {
             const values = options?.isArray ? value : [value];
-            this[propertySymbol] = this[propertySymbol] || [];
+            this[propertySymbol] ?? (this[propertySymbol] = []);
+            this[propertyDefaultValue] ?? (this[propertyDefaultValue] = values);
             for (let i = 0; i < values.length; ++i) {
-                const currentValue = values[i];
-                if (this[propertySymbol].length < 1 || currentValue !== this[propertySymbol][i]) {
-                    const currentModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);
+                const nextValue = values[i] ?? this[propertyDefaultValue]?.[i] ?? null;
+                const currentValue = this[propertySymbol][i] ?? null;
+                if (this[propertySymbol].length < 1 || nextValue !== currentValue) {
+                    const currentModifierClass = createModifierClass.apply(this, [currentValue]);
                     if (currentModifierClass !== null) {
                         this.element.nativeElement.classList.remove(currentModifierClass);
                     }
-                    this[propertySymbol][i] = currentValue;
-                    const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);
-                    if (newModifierClass !== null && (typeof currentValue === 'boolean' ? currentValue : true)) {
+                    this[propertySymbol][i] = nextValue;
+                    const newModifierClass = createModifierClass.apply(this, [nextValue]);
+                    if (newModifierClass !== null && (typeof nextValue === 'boolean' ? nextValue : true)) {
                         this.element.nativeElement.classList.add(newModifierClass);
                     }
                 }
@@ -159,5 +175,5 @@ function CSSModifier(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { CSSComponent, CSSModifier, CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME, camelToKebabCase, getCSSVariables, getEnumValues, ɵwithMultipleDescriptors };
+export { CSSComponent, CSSModifier, CSS_COMPONENT_NAME, camelToKebabCase, decoratorPropertyName, deepmerge, getCSSVariables, getEnumValues, ɵwithMultipleDescriptors };
 //# sourceMappingURL=odx-angular-internal.mjs.map

package/fesm2020/odx-angular-internal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-internal.mjs","sources":["../../../../libs/angular/internal/src/decorators/css-component.ts","../../../../libs/angular/internal/src/helpers/camel-to-kebab-case.ts","../../../../libs/angular/internal/src/helpers/get-css-variables.ts","../../../../libs/angular/internal/src/helpers/get-enum-values.ts","../../../../libs/angular/internal/src/helpers/with-mutiple-descriptors.ts","../../../../libs/angular/internal/src/decorators/css-modifier.ts","../../../../libs/angular/internal/src/odx-angular-internal.ts"],"sourcesContent":["import { ElementRef, Type } from '@angular/core';\n\nexport const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');\n\nexport const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');\n\n/** @internal */\nexport interface CSSComponent {\n  readonly element: ElementRef<unknown>;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSComponent(name: string, prefix = 'odx') {\n  return (target: Type<CSSComponent>) => {\n    const cssClass = `${prefix}-${name}`;\n    Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {\n      value: cssClass,\n    });\n\n    (function (this: unknown, ngOnInit?: () => void) {\n      target.prototype.ngOnInit = function () {\n        this.element.nativeElement.classList.add(cssClass);\n        ngOnInit?.call(this);\n\n        if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {\n          for (const property of this[CSS_COMPONENT_MODIFIERS]) {\n            this[property] ??= null;\n          }\n        }\n      };\n    })(target.prototype.ngOnInit);\n  };\n}\n","/** @internal */\n/* istanbul ignore next */\nexport function camelToKebabCase(value: string): string {\n  if (value !== value.toLowerCase()) {\n    return value.replace(/[A-Z]/g, (match, index) => {\n      const char = match.toLowerCase();\n\n      return index === 0 ? char : `-${char}`;\n    });\n  }\n  return value;\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface ColorDefinition {\n  name: string;\n  variableName: string;\n  value: string;\n}\n\n/* istanbul ignore next */\nfunction isSameDomain(styleSheet: StyleSheet): boolean {\n  if (!styleSheet.href) {\n    return true;\n  }\n\n  return styleSheet.href.indexOf(window.location.origin) === 0;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function getCSSVariables(filter: RegExp): ColorDefinition[] {\n  const stylesheets = Array.from(document.styleSheets).filter(isSameDomain);\n  return stylesheets.reduce<any[]>((variables, { cssRules }) => {\n    for (const { style, type } of Array.from(cssRules) as any[]) {\n      if (type === 1) {\n        for (const prop of Array.from(style ?? []) as string[]) {\n          const name = prop.trim();\n          if (name.startsWith('--') && filter.test(name)) {\n            variables.push({\n              name: name,\n              value: style.getPropertyValue(prop).trim(),\n            });\n          }\n        }\n      }\n    }\n    return variables;\n  }, []);\n}\n","/** @internal */\nexport function getEnumValues<TEnum, TKeys extends string>(e: { [key in TKeys]: TEnum }): TEnum[] {\n  const keys = Object.keys(e) as TKeys[];\n  return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/** @internal */\ninterface DescriptiorManager {\n  addGetter: (value: any) => void;\n  addSetter: (value: any) => void;\n  init: () => void;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function ɵwithMultipleDescriptors(target: any, key: PropertyKey, symbol: symbol): DescriptiorManager {\n  const setters = (target[`__propSetters__${target.constructor}__${key.toString()}`] ??= []);\n  const getters = (target[`__propGetters__${target.constructor}__${key.toString()}`] ??= []);\n  const propertyValue = `__propValue_${String(key)}__`;\n  return {\n    addSetter(fn: (this: any, value: any) => void) {\n      setters.push({ fn, propertySymbol: symbol });\n    },\n    addGetter(fn: (this: any, value: any) => void) {\n      getters.push({ fn });\n    },\n    init() {\n      Object.defineProperty(target, key, {\n        set(value) {\n          this[propertyValue] = setters.reduce((result: any, { fn, propertySymbol }: any) => {\n            fn.call(this, result);\n            return this[propertySymbol];\n          }, value);\n        },\n        get() {\n          if (Array.isArray(getters)) {\n            return getters.reduce((_: any, { fn }: any) => fn.call(this), this[propertyValue]);\n          } else {\n            return this[propertyValue];\n          }\n        },\n        configurable: true,\n      });\n    },\n  };\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { camelToKebabCase, ɵwithMultipleDescriptors } from '../helpers';\nimport { CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME } from './css-component';\n\n/** @internal */\ninterface CSSModifierOptions {\n  isArray?: boolean;\n  withComponentPrefix?: boolean;\n  default?: string;\n  withPrefix?: boolean;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSModifier(options?: CSSModifierOptions) {\n  return (target: any, propertyKey: PropertyKey) => {\n    const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);\n    const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);\n    const propertyKeyKebabCase = camelToKebabCase(propertyKey.toString());\n\n    function createModifierClass(this: any, value: any) {\n      value = value ?? options?.default ?? null;\n\n      if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {\n        let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;\n        if (options?.withPrefix) {\n          modifier = [propertyKey, modifier].join('-');\n        }\n        return [options?.withComponentPrefix ?? true ? this[CSS_COMPONENT_NAME] : null, modifier].filter(Boolean).join('--');\n      }\n      return null;\n    }\n\n    if (options?.default) {\n      target[CSS_COMPONENT_MODIFIERS] = (target[CSS_COMPONENT_MODIFIERS] || []).concat(propertyKey);\n    }\n\n    function setter(this: any, value: any) {\n      const values = options?.isArray ? value : [value];\n      this[propertySymbol] = this[propertySymbol] || [];\n      for (let i = 0; i < values.length; ++i) {\n        const currentValue = values[i];\n        if (this[propertySymbol].length < 1 || currentValue !== this[propertySymbol][i]) {\n          const currentModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (currentModifierClass !== null) {\n            this.element.nativeElement.classList.remove(currentModifierClass);\n          }\n          this[propertySymbol][i] = currentValue;\n          const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (newModifierClass !== null && (typeof currentValue === 'boolean' ? currentValue : true)) {\n            this.element.nativeElement.classList.add(newModifierClass);\n          }\n        }\n      }\n    }\n\n    function getter(this: any) {\n      return options?.isArray ? this[propertySymbol] : this[propertySymbol]?.[0];\n    }\n\n    descriptors.addSetter(setter);\n    descriptors.addGetter(getter);\n    descriptors.init();\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-internal.mjs","sources":["../../../../libs/angular/internal/src/helpers/camel-to-kebab-case.ts","../../../../libs/angular/internal/src/helpers/decorator-property-name.ts","../../../../libs/angular/internal/src/helpers/deepmerge.ts","../../../../libs/angular/internal/src/helpers/get-css-variables.ts","../../../../libs/angular/internal/src/helpers/get-enum-values.ts","../../../../libs/angular/internal/src/helpers/with-mutiple-descriptors.ts","../../../../libs/angular/internal/src/decorators/css-component.ts","../../../../libs/angular/internal/src/decorators/css-modifier.ts","../../../../libs/angular/internal/src/odx-angular-internal.ts"],"sourcesContent":["/** @internal */\n/* istanbul ignore next */\nexport function camelToKebabCase(value: string): string {\n  if (value !== value.toLowerCase()) {\n    return value.replace(/[A-Z]/g, (match, index) => {\n      const char = match.toLowerCase();\n\n      return index === 0 ? char : `-${char}`;\n    });\n  }\n  return value;\n}\n","export function decoratorPropertyName<D extends string, T extends string>(decoratorName: D, propertyName: T): `__ODX_${D}_${T}__` {\n  return `__ODX_${decoratorName}_${propertyName}__`;\n}\n","import { deepmergeCustom, DeepMergeLeafURI } from 'deepmerge-ts';\n\nexport const deepmerge = deepmergeCustom<{ DeepMergeArraysURI: DeepMergeLeafURI }>({\n  mergeArrays: false,\n  mergeSets: false,\n});\n","/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface ColorDefinition {\n  name: string;\n  variableName: string;\n  value: string;\n}\n\n/* istanbul ignore next */\nfunction isSameDomain(styleSheet: StyleSheet): boolean {\n  if (!styleSheet.href) {\n    return true;\n  }\n\n  return styleSheet.href.indexOf(window.location.origin) === 0;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function getCSSVariables(filter: RegExp): ColorDefinition[] {\n  const stylesheets = Array.from(document.styleSheets).filter(isSameDomain);\n  return stylesheets.reduce<any[]>((variables, { cssRules }) => {\n    for (const { style, type } of Array.from(cssRules) as any[]) {\n      if (type === 1) {\n        for (const prop of Array.from(style ?? []) as string[]) {\n          const name = prop.trim();\n          if (name.startsWith('--') && filter.test(name)) {\n            variables.push({\n              name: name,\n              value: style.getPropertyValue(prop).trim(),\n            });\n          }\n        }\n      }\n    }\n    return variables;\n  }, []);\n}\n","/** @internal */\nexport function getEnumValues<TEnum, TKeys extends string>(e: { [key in TKeys]: TEnum }): TEnum[] {\n  const keys = Object.keys(e) as TKeys[];\n  return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { decoratorPropertyName } from './decorator-property-name';\n\n/** @internal */\ninterface DescriptiorManager {\n  addGetter: (value: any) => void;\n  addSetter: (value: any) => void;\n  init: () => void;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function ɵwithMultipleDescriptors(target: any, key: PropertyKey, propertySymbol: string): DescriptiorManager {\n  const keyName = key.toString();\n  const settersProperty = decoratorPropertyName('MultipleDescriptors', `setters_${target.constructor.name}_${keyName}`);\n  const gettersProperty = decoratorPropertyName('MultipleDescriptors', `getters_${target.constructor.name}_${keyName}`);\n  const valueProperty = decoratorPropertyName('MultipleDescriptors', `value_${keyName}`);\n  const setters = (target[settersProperty] ??= []);\n  const getters = (target[gettersProperty] ??= []);\n  return {\n    addSetter(fn: (this: any, value: any) => void) {\n      setters.push({ fn, propertySymbol });\n    },\n    addGetter(fn: (this: any, value: any) => void) {\n      getters.push({ fn });\n    },\n    init() {\n      Object.defineProperty(target, key, {\n        set(value) {\n          let currentValue = value;\n          for (const { fn, propertySymbol } of setters) {\n            fn.call(this, currentValue);\n            currentValue = this[propertySymbol];\n          }\n          this[valueProperty] = currentValue;\n        },\n        get() {\n          if (Array.isArray(getters)) {\n            let currentValue = this[valueProperty];\n            for (const { fn } of getters) {\n              currentValue = fn.call(this);\n            }\n            return currentValue;\n          } else {\n            return this[valueProperty];\n          }\n        },\n        configurable: true,\n      });\n    },\n  };\n}\n","import { ElementRef, Type } from '@angular/core';\nimport { decoratorPropertyName } from '../helpers';\n\nexport const CSS_COMPONENT_NAME = decoratorPropertyName('CSSComponent', 'name');\n\n/** @internal */\nexport interface CSSComponent {\n  readonly element: ElementRef<unknown>;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSComponent(name: string, prefix = 'odx') {\n  return (target: Type<CSSComponent>) => {\n    const cssClass = `${prefix}-${name}`;\n    Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {\n      value: cssClass,\n    });\n\n    (function (this: unknown, ngOnInit?: () => void) {\n      target.prototype.ngOnInit = function () {\n        this.element.nativeElement.classList.add(cssClass);\n        ngOnInit?.call(this);\n      };\n    })(target.prototype.ngOnInit);\n  };\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { camelToKebabCase, decoratorPropertyName, ɵwithMultipleDescriptors } from '../helpers';\nimport { CSS_COMPONENT_NAME } from './css-component';\n\n/** @internal */\ninterface CSSModifierOptions {\n  isArray?: boolean;\n  withComponentPrefix?: boolean;\n  withPrefix?: boolean;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSModifier(options?: CSSModifierOptions) {\n  return (target: any, propertyKey: PropertyKey) => {\n    const propertyKeyName = propertyKey.toString();\n    const propertyKeyKebabCase = camelToKebabCase(propertyKeyName);\n    const propertySymbol = decoratorPropertyName('CSSModifier', propertyKeyName);\n    const propertyDefaultValue = decoratorPropertyName('CSSModifier', `${propertyKeyName}_default`);\n    const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);\n\n    function createModifierClass(this: any, value: any) {\n      if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {\n        let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;\n        if (options?.withPrefix) {\n          modifier = `${propertyKeyName}-${modifier}`;\n        }\n        if (options?.withComponentPrefix ?? true) {\n          return `${this[CSS_COMPONENT_NAME]}--${modifier}`;\n        }\n        return modifier;\n      }\n      return null;\n    }\n\n    function setter(this: any, value: any) {\n      const values = options?.isArray ? value : [value];\n      this[propertySymbol] ??= [];\n      this[propertyDefaultValue] ??= values;\n      for (let i = 0; i < values.length; ++i) {\n        const nextValue = values[i] ?? this[propertyDefaultValue]?.[i] ?? null;\n        const currentValue = this[propertySymbol][i] ?? null;\n        if (this[propertySymbol].length < 1 || nextValue !== currentValue) {\n          const currentModifierClass = createModifierClass.apply(this, [currentValue]);\n          if (currentModifierClass !== null) {\n            this.element.nativeElement.classList.remove(currentModifierClass);\n          }\n          this[propertySymbol][i] = nextValue;\n          const newModifierClass = createModifierClass.apply(this, [nextValue]);\n          if (newModifierClass !== null && (typeof nextValue === 'boolean' ? nextValue : true)) {\n            this.element.nativeElement.classList.add(newModifierClass);\n          }\n        }\n      }\n    }\n\n    function getter(this: any) {\n      return options?.isArray ? this[propertySymbol] : this[propertySymbol]?.[0];\n    }\n\n    descriptors.addSetter(setter);\n    descriptors.addGetter(getter);\n    descriptors.init();\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-theming.mjs

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { createConfigTokens } from '@odx/angular/utils';
+import { DOCUMENT } from '@angular/common';
+import { WindowRef } from '@odx/angular';
+import { BehaviorSubject, distinctUntilChanged, shareReplay } from 'rxjs';
+
+function prefersDarkTheme(view) {
+    return !!view.matchMedia?.('(prefers-color-scheme: dark)')?.matches;
+}
+
+const Theme = {
+    DARK: 'dark',
+    LIGHT: 'light',
+};
+const availableThemes = Object.values(Theme);
+
+function resolveTheme(theme) {
+    return availableThemes.find((t) => t === theme) ?? null;
+}
+
+const THEME_STORAGE_NAME = '@odx/angular/theming:SelectedTheme';
+function saveTheme(storage, theme) {
+    try {
+        storage?.setItem(THEME_STORAGE_NAME, theme);
+    }
+    catch {
+        //
+    }
+}
+function readTheme(storage) {
+    try {
+        return resolveTheme(storage?.getItem(THEME_STORAGE_NAME)) ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+
+const THEME_ATTRIBUTE_NAME = 'odxTheme';
+class ThemingService {
+    constructor() {
+        this.config = injectThemingConfig();
+        this.document = inject(DOCUMENT);
+        this.windowRef = inject(WindowRef);
+        this.theme$$ = new BehaviorSubject(this.getInitialTheme());
+        this.theme$ = this.theme$$.pipe(distinctUntilChanged(), shareReplay({ refCount: true }));
+        this.theme$.subscribe((theme) => {
+            this.document.body.setAttribute(THEME_ATTRIBUTE_NAME, theme);
+            saveTheme(this.config.storage, theme);
+        });
+    }
+    selectTheme(theme) {
+        this.theme$$.next(theme);
+    }
+    getSelectedTheme() {
+        return this.theme$$.getValue();
+    }
+    getInitialTheme() {
+        let selectedTheme = readTheme(this.config.storage);
+        if (!selectedTheme && this.config.autoDetect && prefersDarkTheme(this.windowRef.nativeWindow)) {
+            selectedTheme = Theme.DARK;
+        }
+        return selectedTheme ?? this.config.defaultTheme;
+    }
+}
+ThemingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ThemingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ThemingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ThemingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
+
+const { ThemingConfig, injectThemingConfig, provideThemingConfig } = createConfigTokens('Theming', '@odx/angular/theme', {
+    autoDetect: false,
+    defaultTheme: Theme.LIGHT,
+    storage: null,
+});
+function provideTheming(config) {
+    return makeEnvironmentProviders([
+        provideThemingConfig(config),
+        {
+            provide: ENVIRONMENT_INITIALIZER,
+            useFactory: () => () => inject(ThemingService),
+            deps: [ThemingConfig],
+            multi: true,
+        },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { THEME_ATTRIBUTE_NAME, THEME_STORAGE_NAME, Theme, ThemingConfig, ThemingService, availableThemes, injectThemingConfig, prefersDarkTheme, provideTheming, provideThemingConfig, readTheme, resolveTheme, saveTheme };
+//# sourceMappingURL=odx-angular-theming.mjs.map

package/fesm2020/odx-angular-theming.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-theming.mjs","sources":["../../../../libs/angular/theming/src/lib/helpers/prefers-dark-theme.ts","../../../../libs/angular/theming/src/lib/models/theme.ts","../../../../libs/angular/theming/src/lib/helpers/resolve-theme.ts","../../../../libs/angular/theming/src/lib/helpers/theme-storage.ts","../../../../libs/angular/theming/src/lib/theming.service.ts","../../../../libs/angular/theming/src/lib/theming.config.ts","../../../../libs/angular/theming/src/odx-angular-theming.ts"],"sourcesContent":["export function prefersDarkTheme(view: Window): boolean {\n  return !!view.matchMedia?.('(prefers-color-scheme: dark)')?.matches;\n}\n","export type Theme = (typeof Theme)[keyof typeof Theme];\nexport const Theme = {\n  DARK: 'dark',\n  LIGHT: 'light',\n} as const;\n\nexport const availableThemes = Object.values(Theme);\n","import { availableThemes, Theme } from '../models';\n\nexport function resolveTheme(theme?: string | null): Theme | null {\n  return availableThemes.find((t) => t === theme) ?? null;\n}\n","import { Theme } from '../models';\nimport { resolveTheme } from './resolve-theme';\n\nexport const THEME_STORAGE_NAME = '@odx/angular/theming:SelectedTheme';\n\nexport function saveTheme(storage: Storage | null | undefined, theme: Theme): void {\n  try {\n    storage?.setItem(THEME_STORAGE_NAME, theme);\n  } catch {\n    //\n  }\n}\n\nexport function readTheme(storage?: Storage | null): Theme | null {\n  try {\n    return resolveTheme(storage?.getItem(THEME_STORAGE_NAME)) ?? null;\n  } catch {\n    return null;\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport { inject, Injectable } from '@angular/core';\nimport { WindowRef } from '@odx/angular';\nimport { BehaviorSubject, distinctUntilChanged, shareReplay } from 'rxjs';\nimport { prefersDarkTheme, readTheme, saveTheme } from './helpers';\nimport { Theme } from './models';\nimport { injectThemingConfig } from './theming.config';\n\nexport const THEME_ATTRIBUTE_NAME = 'odxTheme';\n\n@Injectable({ providedIn: 'root' })\nexport class ThemingService {\n  private readonly config = injectThemingConfig();\n  private readonly document = inject(DOCUMENT);\n  private readonly windowRef = inject(WindowRef);\n  private readonly theme$$ = new BehaviorSubject<Theme>(this.getInitialTheme());\n\n  public readonly theme$ = this.theme$$.pipe(distinctUntilChanged(), shareReplay({ refCount: true }));\n\n  constructor() {\n    this.theme$.subscribe((theme) => {\n      this.document.body.setAttribute(THEME_ATTRIBUTE_NAME, theme);\n      saveTheme(this.config.storage, theme);\n    });\n  }\n\n  public selectTheme(theme: Theme): void {\n    this.theme$$.next(theme);\n  }\n\n  public getSelectedTheme(): Theme {\n    return this.theme$$.getValue();\n  }\n\n  private getInitialTheme(): Theme {\n    let selectedTheme = readTheme(this.config.storage);\n\n    if (!selectedTheme && this.config.autoDetect && prefersDarkTheme(this.windowRef.nativeWindow)) {\n      selectedTheme = Theme.DARK;\n    }\n\n    return selectedTheme ?? this.config.defaultTheme;\n  }\n}\n","import { EnvironmentProviders, ENVIRONMENT_INITIALIZER, inject, makeEnvironmentProviders } from '@angular/core';\nimport { ConfigDependencies, ConfigProvider, createConfigTokens } from '@odx/angular/utils';\nimport { Theme } from './models';\nimport { ThemingService } from './theming.service';\n\nexport interface ThemingConfig {\n  autoDetect: boolean;\n  defaultTheme: Theme;\n  storage?: Storage | null;\n}\n\nexport const { ThemingConfig, injectThemingConfig, provideThemingConfig } = createConfigTokens('Theming', '@odx/angular/theme', {\n  autoDetect: false,\n  defaultTheme: Theme.LIGHT,\n  storage: null,\n} as ThemingConfig);\n\nexport function provideTheming<D extends ConfigDependencies = ConfigDependencies<ThemingConfig>>(\n  config: ConfigProvider<Partial<ThemingConfig>, D>\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideThemingConfig(config),\n    {\n      provide: ENVIRONMENT_INITIALIZER,\n      useFactory: () => () => inject(ThemingService),\n      deps: [ThemingConfig],\n      multi: true,\n    },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-utils.mjs

@@ -1,8 +1,7 @@
-import { ɵwithMultipleDescriptors } from '@odx/angular/internal';
+import { decoratorPropertyName, ɵwithMultipleDescriptors, deepmerge } from '@odx/angular/internal';
 import * as i0 from '@angular/core';
 import { TemplateRef, inject, ChangeDetectorRef, Injector, ElementRef, Renderer2, Injectable, InjectionToken } from '@angular/core';
 import { Subject, takeUntil, tap, BehaviorSubject } from 'rxjs';
-import { deepmerge } from 'deepmerge-ts';
 import { map, shareReplay } from 'rxjs/operators';
 
 function Pure(_target, propertyKey, { get, enumerable, value }) {
@@ -45,7 +44,7 @@ function Pure(_target, propertyKey, { get, enumerable, value }) {
 /* eslint-disable @typescript-eslint/no-explicit-any */
 function Transform(transformer) {
     return (target, propertyKey) => {
-        const propertySymbol = Symbol(`__${propertyKey.toString()}ClassTmpl__`);
+        const propertySymbol = decoratorPropertyName('Transform', propertyKey.toString());
         const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);
         function setter(value) {
             this[propertySymbol] = transformer.apply(this, [value]);
@@ -93,7 +92,7 @@ function booleanToOptionalAttributeString(state) {
     return state ? 'true' : null;
 }
 function px(value) {
-    return isNumber(value) ? `${Math.round(value)}px` : '0px';
+    return isNumber(value) ? `${value}px` : '0px';
 }
 function cssTranslate(x, y) {
     return `translate3d(${x}, ${y}, 0)`;
@@ -178,6 +177,10 @@ function pluckFromArray(arr, key) {
     return arr.map((value) => value[key]);
 }
 
+function buildUrl(...args) {
+    return args.join('/').replace(/(^.*)(https?:\/\/)|(\/)+/g, '$2$3');
+}
+
 function deferFn(fn) {
     setTimeout(fn, 0);
 }
@@ -203,12 +206,68 @@ class EventManager {
         this.destroyListeners();
     }
 }
-EventManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EventManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-EventManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EventManager });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EventManager, decorators: [{
+EventManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EventManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EventManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EventManager });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EventManager, decorators: [{
             type: Injectable
         }] });
 
+const Axis = {
+    X: 'x',
+    Y: 'y',
+};
+
+const Position = {
+    TOP: 'top',
+    TOP_START: 'top-start',
+    TOP_END: 'top-end',
+    RIGHT: 'right',
+    RIGHT_START: 'right-start',
+    RIGHT_END: 'right-end',
+    BOTTOM: 'bottom',
+    BOTTOM_START: 'bottom-start',
+    BOTTOM_END: 'bottom-end',
+    LEFT: 'left',
+    LEFT_START: 'left-start',
+    LEFT_END: 'left-end',
+};
+
+const Side = {
+    TOP: 'top',
+    RIGHT: 'right',
+    BOTTOM: 'bottom',
+    LEFT: 'left',
+};
+
+function getSide(position) {
+    return position.split('-')[0];
+}
+
+function getAxis(position) {
+    const side = getSide(position);
+    switch (side) {
+        case Side.TOP:
+        case Side.BOTTOM:
+            return Axis.Y;
+        case Side.LEFT:
+        case Side.RIGHT:
+            return Axis.X;
+    }
+}
+
+function getOppositeSide(position) {
+    switch (getSide(position)) {
+        case Side.TOP:
+            return Side.BOTTOM;
+        case Side.RIGHT:
+            return Side.LEFT;
+        case Side.BOTTOM:
+            return Side.TOP;
+        case Side.LEFT:
+            return Side.RIGHT;
+    }
+}
+
 const uniqueIdCache = {};
 function getUniqueId(key = '') {
     const n = (uniqueIdCache[key] ?? 0) + 1;
@@ -230,44 +289,73 @@ function hasChanged(changes, keyOrKeys, ignoreFirstChange = true) {
     }
 }
 
-function provideModuleConfig(token, config) {
+function provideConfig(token, config) {
     if ('useFactory' in config) {
         return { provide: token, useFactory: config.useFactory, deps: config.deps };
     }
     return { provide: token, useValue: config };
 }
-function createModuleConfigTokens(name, prefix, defaultValue) {
-    const moduleConfig = `${name}ModuleConfig`;
-    const defaultModuleConfig = `${name}DefaultModuleConfig`;
-    const injectModuleConfig = `inject${name}ModuleConfig`;
-    const tokenName = `${prefix}::${moduleConfig}`;
+function createConfigTokens(name, prefix, defaultValue) {
+    const configName = `${name}Config`;
+    const defaultConfigName = `${name}DefaultConfig`;
+    const injectConfigName = `inject${name}Config`;
+    const provideConfigName = `provide${name}Config`;
+    const tokenName = `${prefix}::${configName}`;
     const token = new InjectionToken(tokenName, { providedIn: 'root', factory: () => defaultValue });
     return {
-        [moduleConfig]: token,
-        [defaultModuleConfig]: defaultValue,
-        [injectModuleConfig]: () => deepmerge(defaultValue, inject(token)),
+        [configName]: token,
+        [defaultConfigName]: defaultValue,
+        [injectConfigName]: () => deepmerge(defaultValue, inject(token, { skipSelf: true, optional: true }) ?? {}, inject(token)),
+        [provideConfigName]: (config) => {
+            return provideConfig(token, config);
+        },
     };
 }
 
 class Queue {
     constructor() {
-        this.queue = new BehaviorSubject({});
-        this.value$ = this.queue.pipe(map((values) => Object.values(values)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.queue = new Map();
+        this.update$$ = new BehaviorSubject(undefined);
+        this.values = [];
+        this.firstItem = null;
+        this.lastItem = null;
+        this.value$ = this.update$$.pipe(map(() => this.values), shareReplay({ bufferSize: 1, refCount: true }));
+    }
+    get size() {
+        return this.queue.size;
+    }
+    isFirst({ id }) {
+        return this.firstItem?.id === id;
+    }
+    isLast({ id }) {
+        return this.lastItem?.id === id;
+    }
+    get(id) {
+        return this.queue.get(id.toString()) ?? null;
     }
     add(item) {
-        this.queue.next({
-            ...this.queue.getValue(),
-            [item.id]: item,
-        });
+        this.remove(item);
+        this.queue.set(item.id.toString(), item);
+        this.notify();
         return item;
     }
     remove(item) {
-        const { [item.id]: removedItem, ...queue } = this.queue.getValue();
-        this.queue.next(queue);
-        return removedItem;
+        this.queue.delete(item.id.toString());
+        this.notify();
+        return item;
     }
     clear() {
-        this.queue.next({});
+        this.queue.clear();
+        this.notify();
+    }
+    toArray() {
+        return this.values;
+    }
+    notify() {
+        this.values = Array.from(this.queue, ([_, item]) => item).reverse();
+        this.firstItem = this.values[0] ?? null;
+        this.lastItem = this.values[this.values.length - 1] ?? null;
+        this.update$$.next(undefined);
     }
 }
 
@@ -275,5 +363,5 @@ class Queue {
  * Generated bundle index. Do not edit.
  */
 
-export { EventManager, Pure, Queue, Transform, applyStyles, booleanToAttributeString, booleanToOptionalAttributeString, containsElement, createModuleConfigTokens, createResizeObserver, cssTranslate, deferFn, disableCSSTransitions, forceLayoutReflow, getInjector, getUniqueId, hasChanged, injectElement, isBoolean, isComponent, isFunction, isNonEmptyString, isNumber, isPresent, isString, isTemplateRef, isViewContainer, pluckFromArray, provideModuleConfig, px, reactiveAttributeBinding, reactiveClassBinding, setAttribute, untilDestroyed };
+export { Axis, EventManager, Position, Pure, Queue, Side, Transform, applyStyles, booleanToAttributeString, booleanToOptionalAttributeString, buildUrl, containsElement, createConfigTokens, createResizeObserver, cssTranslate, deferFn, disableCSSTransitions, forceLayoutReflow, getAxis, getInjector, getOppositeSide, getSide, getUniqueId, hasChanged, injectElement, isBoolean, isComponent, isFunction, isNonEmptyString, isNumber, isPresent, isString, isTemplateRef, isViewContainer, pluckFromArray, provideConfig, px, reactiveAttributeBinding, reactiveClassBinding, setAttribute, untilDestroyed };
 //# sourceMappingURL=odx-angular-utils.mjs.map