@dereekb/dbx-form 12.6.21 → 13.0.0

package/lib/formly/field/value/phone/_phone.scss

@@ -10,6 +10,7 @@
   .dbx-form-phone-field {
     width: 100%;
     display: flex;
+    --ngxMatInputTel-selector-opacity: 100%;
   }
 
   .dbx-form-phone-field-phone-content button.country-selector {

package/lib/style/_theming.scss

@@ -1,9 +1,204 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'node_modules/@angular/material/core/theming/theming';
+
 @forward '@angular/material' show m2-define-light-theme, m2-define-dark-theme, m2-define-palette, m2-get-contrast-color-from-palette, m2-get-color-from-palette, m2-get-color-config, m2-get-typography-config, m2-get-density-config, elevation;
 
-@forward 'node_modules/@angular/material/core/theming/theming' show private-is-theme-object, private-check-duplicate-theme-styles, $theme-ignore-duplication-warnings;
+@forward 'node_modules/@angular/material/core/theming/theming' show private-is-theme-object;
 
 @forward 'node_modules/@angular/material/core/typography/typography-utils';
 
 @forward './config';
 @forward './variables';
 @forward './mixin';
+
+// NOTE: This was removed in Angular Material 21. We moved it here for continued usage.
+// Removed here:
+// https://github.com/angular/components/commit/ca83d31065c8b7cef0f8f0b69321d59839f4ad74
+
+// These variable are not intended to be overridden externally. They use `!default` to
+// avoid being reset every time this file is imported.
+$_emitted-color: () !default;
+$_emitted-typography: () !default;
+$_emitted-density: () !default;
+$_emitted-base: () !default;
+
+//
+// Private APIs
+//
+
+$private-internal-name: _mat-theming-internals-do-not-access;
+
+// Checks if configurations that have been declared in the given theme have been generated
+// before. If so, warnings will be reported. This should notify developers in case duplicate
+// styles are accidentally generated due to wrong usage of the all-theme mixins.
+//
+// Additionally, this mixin controls the default value for the density configuration. By
+// default, density styles are generated at scale zero. If the same density styles would be
+// generated a second time though, the default value will change to avoid duplicate styles.
+//
+// The mixin keeps track of all configurations in a list that is scoped to the specified
+// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins
+// (e.g. `all-component-themes` and `all-legacy-component-themes`) without causing any
+// style duplication.
+@mixin private-check-duplicate-theme-styles($theme-or-color-config, $id) {
+  // TODO(mmalerba): use get-theme-version for this check when its moved out of experimental.
+  @if map.get($theme-or-color-config, $private-internal-name, theme-version) == 1 {
+    @include _check-duplicate-theme-styles-v1($theme-or-color-config, $id) {
+      // Optionally, consumers of this mixin can wrap contents inside so that nested
+      // duplicate style checks do not report another warning. e.g. if developers include
+      // the `all-component-themes` mixin twice, only the top-level duplicate styles check
+      // should report a warning. Not all individual components should report a warning too.
+      $orig-mat-theme-ignore-duplication-warnings: $theme-ignore-duplication-warnings;
+      $theme-ignore-duplication-warnings: true !global;
+      @content;
+      $theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;
+    }
+  } @else {
+    @include _check-duplicate-theme-styles-v0($theme-or-color-config, $id) {
+      // Optionally, consumers of this mixin can wrap contents inside so that nested
+      // duplicate style checks do not report another warning. e.g. if developers include
+      // the `all-component-themes` mixin twice, only the top-level duplicate styles check
+      // should report a warning. Not all individual components should report a warning too.
+      $orig-mat-theme-ignore-duplication-warnings: $theme-ignore-duplication-warnings;
+      $theme-ignore-duplication-warnings: true !global;
+      @content;
+      $theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;
+    }
+  }
+}
+
+// Checks for duplicate styles in a `theme-version: 1` style theme.
+@mixin _check-duplicate-theme-styles-v1($theme-or-color-config, $id) {
+  $color-settings: _strip-empty-settings(
+    (
+      theme-type: map.get($theme-or-color-config, $private-internal-name, theme-type),
+      color-tokens: map.get($theme-or-color-config, $private-internal-name, color-tokens)
+    )
+  );
+  $typography-settings: _strip-empty-settings(
+    (
+      typography-tokens: map.get($theme-or-color-config, $private-internal-name, typography-tokens)
+    )
+  );
+  $density-settings: _strip-empty-settings(
+    (
+      density-scale: map.get($theme-or-color-config, $private-internal-name, density-scale),
+      density-tokens: map.get($theme-or-color-config, $private-internal-name, density-tokens)
+    )
+  );
+  $base-settings: _strip-empty-settings(
+    (
+      base-tokens: map.get($theme-or-color-config, $private-internal-name, base-tokens)
+    )
+  );
+  $previous-color-settings: map.get($_emitted-color, $id) or ();
+  $previous-typography-settings: map.get($_emitted-typography, $id) or ();
+  $previous-density-settings: map.get($_emitted-density, $id) or ();
+  $previous-base-settings: map.get($_emitted-base, $id) or ();
+
+  // Check if the color configuration has been generated before.
+  @if $color-settings != null {
+    @if list.index($previous-color-settings, $color-settings) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same color styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-color-settings: list.append($previous-color-settings, $color-settings);
+  }
+
+  // Check if the typography configuration has been generated before.
+  @if $typography-settings != null {
+    @if list.index($previous-typography-settings, $typography-settings) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same typography styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-typography-settings: list.append($previous-typography-settings, $typography-settings);
+  }
+
+  // Check if the density configuration has been generated before.
+  @if $density-settings != null {
+    @if list.index($previous-density-settings, $density-settings) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same density styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-density-settings: list.append($previous-density-settings, $density-settings);
+  }
+
+  // Check if the base configuration has been generated before.
+  @if $base-settings != null {
+    @if list.index($previous-base-settings, $base-settings) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same base theme styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-base-settings: list.append($previous-base-settings, $base-settings);
+  }
+
+  $_emitted-color: map.set($_emitted-color, $id, $previous-color-settings) !global;
+  $_emitted-density: map.set($_emitted-density, $id, $previous-density-settings) !global;
+  $_emitted-typography: map.set($_emitted-typography, $id, $previous-typography-settings) !global;
+  $_emitted-base: map.set($_emitted-base, $id, $previous-base-settings) !global;
+
+  @content;
+}
+
+// Checks for duplicate styles in a `theme-version: 0` style theme.
+@mixin _check-duplicate-theme-styles-v0($theme-or-color-config, $id) {
+  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+  $color-config: map.get($theme, $private-internal-name, m2-config, color) or theming.private-get-color-config($theme);
+  $density-config: map.get($theme, $private-internal-name, m2-config, density) or theming.private-get-density-config($theme);
+  $typography-config: map.get($theme, $private-internal-name, m2-config, typography) or theming.private-get-typography-config($theme);
+  // Lists of previous `color`, `density` and `typography` configurations.
+  $previous-color: map.get($_emitted-color, $id) or ();
+  $previous-typography: map.get($_emitted-typography, $id) or ();
+  $previous-density: map.get($_emitted-density, $id) or ();
+  // Whether duplicate legacy density styles would be generated.
+  $duplicate-legacy-density: false;
+
+  // Check if the color configuration has been generated before.
+  @if $color-config != null {
+    @if list.index($previous-color, $color-config) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same color styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-color: list.append($previous-color, $color-config);
+  }
+
+  // Check if the typography configuration has been generated before.
+  @if $typography-config != null {
+    @if list.index($previous-typography, $typography-config) != null and not $theme-ignore-duplication-warnings {
+      @warn 'The same typography styles are generated multiple times. ' + $_duplicate-warning;
+    }
+    $previous-typography: list.append($previous-typography, $typography-config);
+  }
+
+  // Check if the density configuration has been generated before.
+  @if $density-config != null {
+    @if list.index($previous-density, $density-config) != null {
+      // Only report a warning if density styles would be duplicated for non-legacy theme
+      // definitions. For legacy themes, we have compatibility logic that avoids duplication
+      // of default density styles. We don't want to report a warning in those cases.
+      @if private-is-legacy-constructed-theme($theme) {
+        $duplicate-legacy-density: true;
+      } @else if not $theme-ignore-duplication-warnings {
+        @warn 'The same density styles are generated multiple times. ' + $_duplicate-warning;
+      }
+    }
+    $previous-density: list.append($previous-density, $density-config);
+  }
+
+  $_emitted-color: map.merge(
+    $_emitted-color,
+    (
+      $id: $previous-color
+    )
+  ) !global;
+  $_emitted-density: map.merge(
+    $_emitted-density,
+    (
+      $id: $previous-density
+    )
+  ) !global;
+  $_emitted-typography: map.merge(
+    $_emitted-typography,
+    (
+      $id: $previous-typography
+    )
+  ) !global;
+
+  @content;
+}

package/package.json

@@ -1,29 +1,29 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "12.6.21",
+  "version": "13.0.0",
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "date-fns": "^3.0.0",
-    "rxjs": "^7.5.0",
-    "@dereekb/dbx-core": "*",
-    "@dereekb/rxjs": "*",
-    "@dereekb/util": "*",
-    "@angular/material": "^18.0.0",
-    "@uirouter/core": "^6.0.8",
-    "@dereekb/dbx-web": "*",
-    "@angular/forms": "^18.0.0",
-    "@ngx-formly/core": "^6.0.0",
-    "@ngx-formly/material": "^6.0.0",
-    "@dereekb/date": "*",
-    "@ngbracket/ngx-layout": "^18.0.0",
-    "ngx-mat-intl-tel-input": "^5.0.0",
-    "@dereekb/model": "*",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/material-date-fns-adapter": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "date-fns": "^4.0.0",
+    "rxjs": "^7.8.0",
+    "@dereekb/dbx-core": "13.0.0",
+    "@dereekb/rxjs": "13.0.0",
+    "@dereekb/util": "13.0.0",
+    "@angular/material": "^21.0.0",
+    "@uirouter/core": "^6.1.2",
+    "@dereekb/dbx-web": "13.0.0",
+    "@angular/forms": "^21.0.0",
+    "@ngx-formly/core": "git+https://git@github.com/dereekb/ngx-formly#996d1041c8d2afbe429985a5ad394e59327bfa1d",
+    "@ngx-formly/material": "git+https://git@github.com/dereekb/ngx-formly#02e615006744374a587b5d35de3b2d137e2e05a8",
+    "@dereekb/date": "13.0.0",
+    "@ngbracket/ngx-layout": "^21.0.0",
+    "ngx-mat-input-tel": "^21.0.0",
+    "@dereekb/model": "13.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/material-date-fns-adapter": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
     "change-case-all": "^2.1.0",
-    "ngx-editor": "^18.0.0"
+    "@bobbyquantum/ngx-editor": "21.0.0-beta.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -31,28 +31,22 @@
   "exports": {
     ".": {
       "sass": "./_index.scss",
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/dereekb-dbx-form.mjs",
-      "esm": "./esm2022/dereekb-dbx-form.mjs",
+      "types": "./types/dereekb-dbx-form.d.ts",
       "default": "./fesm2022/dereekb-dbx-form.mjs"
     },
     "./mapbox": {
-      "types": "./mapbox/index.d.ts",
-      "esm2022": "./esm2022/mapbox/dereekb-dbx-form-mapbox.mjs",
-      "esm": "./esm2022/mapbox/dereekb-dbx-form-mapbox.mjs",
+      "types": "./types/dereekb-dbx-form-mapbox.d.ts",
       "default": "./fesm2022/dereekb-dbx-form-mapbox.mjs"
     },
     "./package.json": {
       "default": "./package.json"
     },
     "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "esm2022": "./esm2022/calendar/dereekb-dbx-form-calendar.mjs",
-      "esm": "./esm2022/calendar/dereekb-dbx-form-calendar.mjs",
+      "types": "./types/dereekb-dbx-form-calendar.d.ts",
       "default": "./fesm2022/dereekb-dbx-form-calendar.mjs"
     }
   },
   "module": "fesm2022/dereekb-dbx-form.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/dereekb-dbx-form.d.ts",
   "sideEffects": false
 }