@dereekb/dbx-web 13.11.15 → 13.11.17

package/eslint/index.cjs.js

@@ -2541,6 +2541,11 @@ function _unsupported_iterable_to_array(o, minLen) {
         'require-top-level-computed-signals': DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE
     }
 };
+/**
+ * camelCase alias of {@link DBX_WEB_ESLINT_PLUGIN} matching the conventional ESLint plugin export name.
+ *
+ * @dbxAllowConstantName
+ */ var dbxWebESLintPlugin = DBX_WEB_ESLINT_PLUGIN;
 
 exports.DBX_WEB_ESLINT_PLUGIN = DBX_WEB_ESLINT_PLUGIN;
 exports.DBX_WEB_NO_REDUNDANT_ON_DESTROY_RULE = DBX_WEB_NO_REDUNDANT_ON_DESTROY_RULE;
@@ -2549,3 +2554,4 @@ exports.DBX_WEB_REQUIRE_COMPLETE_ON_DESTROY_RULE = DBX_WEB_REQUIRE_COMPLETE_ON_D
 exports.DBX_WEB_REQUIRE_COMPONENT_CONFIG_INPUT_RULE = DBX_WEB_REQUIRE_COMPONENT_CONFIG_INPUT_RULE;
 exports.DBX_WEB_REQUIRE_COMPUTED_SIGNAL_SUFFIX_RULE = DBX_WEB_REQUIRE_COMPUTED_SIGNAL_SUFFIX_RULE;
 exports.DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE = DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE;
+exports.dbxWebESLintPlugin = dbxWebESLintPlugin;

package/eslint/index.esm.js

@@ -2539,5 +2539,10 @@ function _unsupported_iterable_to_array(o, minLen) {
         'require-top-level-computed-signals': DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE
     }
 };
+/**
+ * camelCase alias of {@link DBX_WEB_ESLINT_PLUGIN} matching the conventional ESLint plugin export name.
+ *
+ * @dbxAllowConstantName
+ */ var dbxWebESLintPlugin = DBX_WEB_ESLINT_PLUGIN;
 
-export { DBX_WEB_ESLINT_PLUGIN, DBX_WEB_NO_REDUNDANT_ON_DESTROY_RULE, DBX_WEB_REQUIRE_CLEAN_SUBSCRIPTION_RULE, DBX_WEB_REQUIRE_COMPLETE_ON_DESTROY_RULE, DBX_WEB_REQUIRE_COMPONENT_CONFIG_INPUT_RULE, DBX_WEB_REQUIRE_COMPUTED_SIGNAL_SUFFIX_RULE, DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE };
+export { DBX_WEB_ESLINT_PLUGIN, DBX_WEB_NO_REDUNDANT_ON_DESTROY_RULE, DBX_WEB_REQUIRE_CLEAN_SUBSCRIPTION_RULE, DBX_WEB_REQUIRE_COMPLETE_ON_DESTROY_RULE, DBX_WEB_REQUIRE_COMPONENT_CONFIG_INPUT_RULE, DBX_WEB_REQUIRE_COMPUTED_SIGNAL_SUFFIX_RULE, DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE, dbxWebESLintPlugin };

package/eslint/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/eslint",
-  "version": "13.11.15",
+  "version": "13.11.17",
   "peerDependencies": {
     "@typescript-eslint/utils": "8.59.3"
   },
   "devDependencies": {
     "@angular/core": "21.2.11",
-    "@dereekb/dbx-core": "13.11.15",
-    "@dereekb/rxjs": "13.11.15",
+    "@dereekb/dbx-core": "13.11.17",
+    "@dereekb/rxjs": "13.11.17",
     "@typescript-eslint/parser": "8.59.3",
     "eslint": "10.4.0",
     "rxjs": "^7.8.2"

package/eslint/src/lib/index.d.ts

@@ -4,4 +4,4 @@ export { DBX_WEB_NO_REDUNDANT_ON_DESTROY_RULE } from './no-redundant-on-destroy.
 export { DBX_WEB_REQUIRE_COMPUTED_SIGNAL_SUFFIX_RULE } from './require-computed-signal-suffix.rule';
 export { DBX_WEB_REQUIRE_COMPONENT_CONFIG_INPUT_RULE } from './require-component-config-input.rule';
 export { DBX_WEB_REQUIRE_TOP_LEVEL_COMPUTED_SIGNALS_RULE } from './require-top-level-computed-signals.rule';
-export { DBX_WEB_ESLINT_PLUGIN } from './plugin';
+export { DBX_WEB_ESLINT_PLUGIN, dbxWebESLintPlugin, type DbxWebEslintPlugin } from './plugin';

package/eslint/src/lib/plugin.d.ts

@@ -24,3 +24,9 @@ export interface DbxWebEslintPlugin {
  * under the chosen plugin prefix (e.g. 'dereekb-dbx-web/require-clean-subscription').
  */
 export declare const DBX_WEB_ESLINT_PLUGIN: DbxWebEslintPlugin;
+/**
+ * camelCase alias of {@link DBX_WEB_ESLINT_PLUGIN} matching the conventional ESLint plugin export name.
+ *
+ * @dbxAllowConstantName
+ */
+export declare const dbxWebESLintPlugin: DbxWebEslintPlugin;

package/fesm2022/dereekb-dbx-web.mjs

@@ -978,9 +978,22 @@ class DbxColorServiceConfig {
  * Service that registers named {@link DbxColorConfigTemplate} entries and expands
  * {@link DbxColorConfig} values that reference a template by key.
  *
- * The pattern mirrors {@link DbxHelpWidgetService} and {@link DbxFirebaseModelEntitiesWidgetService}:
- * an internal Map keyed by template key, optional seeding from {@link DbxColorServiceConfig},
- * and a `register` method for adding entries at runtime.
+ * Seeded via `provideDbxStyleService({ dbxColorServiceConfig: { templates: [...] } })`,
+ * then injected by {@link DbxColorDirective} and {@link DbxTextColorDirective} to resolve
+ * template references at render time.
+ *
+ * @dbxWebComponent
+ * @dbxWebSlug color-service
+ * @dbxWebCategory layout
+ * @dbxWebRelated color, text-color, style-service
+ *
+ * @example
+ * ```ts
+ * const colorService = inject(DbxColorService);
+ * colorService.register({ key: 'brand-positive', config: { color: '#1f9b59', contrast: 'white', tone: 18 } });
+ * colorService.expandColorConfig({ template: 'brand-positive' });
+ * // -> { template: 'brand-positive', color: '#1f9b59', contrast: 'white', tone: 18 }
+ * ```
  */
 class DbxColorService {
     _templates = new Map();
@@ -1077,6 +1090,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * The standalone `[dbxColorTone]` input wins over `config.tone` when both are set; the same precedence
  * applies to tonal mode.
  *
+ * @dbxWebComponent
+ * @dbxWebSlug color
+ * @dbxWebCategory layout
+ * @dbxWebRelated text-color, color-service
+ * @dbxWebMinimalExample ```html
+ * <div [dbxColor]="'primary'"></div>
+ * ```
+ *
  * @example
  * ```html
  * <div [dbxColor]="'primary'">Themed background</div>
@@ -6361,6 +6382,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * object carrying an arbitrary CSS color value. Unlike {@link DbxColorDirective} which sets the background,
  * this directive only sets the foreground text color.
  *
+ * @dbxWebComponent
+ * @dbxWebSlug text-color
+ * @dbxWebCategory layout
+ * @dbxWebRelated color, color-service
+ * @dbxWebMinimalExample ```html
+ * <span [dbxTextColor]="'primary'"></span>
+ * ```
+ *
  * @example
  * ```html
  * <mat-icon [dbxTextColor]="'warn'">error</mat-icon>
@@ -14534,6 +14563,20 @@ const DEFAULT_DBX_STYLE_CONFIG_TOKEN = new InjectionToken('DbxStyleServiceDefaul
  *
  * Consumers can set a default style config, override it with an observable config,
  * and toggle style suffixes to switch between style variants at runtime.
+ *
+ * Provided via `provideDbxStyleService()` from `style.providers`.
+ *
+ * @dbxWebComponent
+ * @dbxWebSlug style-service
+ * @dbxWebCategory layout
+ * @dbxWebRelated style, set-style, style-body, color-service
+ *
+ * @example
+ * ```ts
+ * const styleService = inject(DbxStyleService);
+ * styleService.toggleDarkSuffix();           // toggle dark mode on/off
+ * styleService.setStyleClassSuffix('dark');  // force dark mode
+ * ```
  */
 class DbxStyleService {
     _defaultConfig = new BehaviorSubject(inject(DEFAULT_DBX_STYLE_CONFIG_TOKEN));
@@ -14644,6 +14687,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * Accepts a {@link DbxStyleName} and optional suffixes, then applies the computed style class
  * depending on the configured {@link DbxSetStyleMode}.
  *
+ * @dbxWebComponent
+ * @dbxWebSlug set-style
+ * @dbxWebCategory layout
+ * @dbxWebRelated style, style-service, style-body
+ * @dbxWebMinimalExample ```html
+ * <div [dbxSetStyle]="'my-app'"></div>
+ * ```
+ *
  * @example
  * ```html
  * <div [dbxSetStyle]="'my-app'" [setStyleMode]="'both'" [suffixes]="'dark'">
@@ -14717,6 +14768,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  *
  * Use this directive to propagate the active style class onto any element or component.
  *
+ * @dbxWebComponent
+ * @dbxWebSlug style
+ * @dbxWebCategory layout
+ * @dbxWebRelated style-service, style-body, set-style
+ * @dbxWebMinimalExample ```html
+ * <div dbxStyle></div>
+ * ```
+ *
  * @example
  * ```html
  * <div dbxStyle>Styled content</div>
@@ -14749,6 +14808,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  *
  * Place this directive on a root-level element so that the body tag receives the active style class.
  *
+ * @dbxWebComponent
+ * @dbxWebSlug style-body
+ * @dbxWebCategory layout
+ * @dbxWebRelated style, style-service, set-style
+ * @dbxWebMinimalExample ```html
+ * <div dbxStyleBody></div>
+ * ```
+ *
  * @example
  * ```html
  * <div dbxStyleBody></div>