@firebase-oss/ui-angular 0.0.2-exp.c228b3f → 0.0.2-exp.cfc61d6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
- import * as i0 from '@angular/core';
2
- import { input, HostBinding, Component, computed, InjectionToken, Optional, inject, makeEnvironmentProviders, signal, effect, PLATFORM_ID, EventEmitter, Output, viewChild, model, output, isDevMode } from '@angular/core';
3
1
  import { getBehavior, getTranslation, createSignInAuthFormSchema, createSignUpAuthFormSchema, createForgotPasswordAuthFormSchema, createEmailLinkAuthFormSchema, createPhoneAuthNumberFormSchema, createPhoneAuthVerifyFormSchema, createMultiFactorPhoneAuthNumberFormSchema, createMultiFactorPhoneAuthAssertionFormSchema, createMultiFactorPhoneAuthVerifyFormSchema, createMultiFactorTotpAuthNumberFormSchema, createMultiFactorTotpAuthVerifyFormSchema, sendSignInLinkToEmail, FirebaseUIError, completeEmailLinkSignIn, sendPasswordResetEmail, verifyPhoneNumber, signInWithMultiFactorAssertion, formatPhoneNumber, enrollWithMultiFactorAssertion, generateTotpSecret, generateTotpQrCode, countryData, confirmPhoneNumber, signInWithEmailAndPassword, hasBehavior, createUserWithEmailAndPassword, signInWithProvider, registerFramework } from '@firebase-oss/ui-core';
2
+ import * as i0 from '@angular/core';
3
+ import { input, HostBinding, Component, computed, InjectionToken, Optional, inject, makeEnvironmentProviders, signal, effect, PLATFORM_ID, EventEmitter, Output, viewChild, model, output } from '@angular/core';
4
4
  import { isPlatformBrowser, CommonModule } from '@angular/common';
5
5
  import { injectField, injectForm, injectStore, TanStackField, TanStackAppField } from '@tanstack/angular-form';
6
6
  import { buttonVariant } from '@firebase-oss/ui-styles';
7
7
  import { FirebaseApps } from '@angular/fire/app';
8
- import { Auth, authState, GoogleAuthProvider, FacebookAuthProvider, OAuthProvider, TwitterAuthProvider, GithubAuthProvider } from '@angular/fire/auth';
8
+ import { Auth, authState, OAuthProvider, FacebookAuthProvider, GithubAuthProvider, GoogleAuthProvider, TwitterAuthProvider } from '@angular/fire/auth';
9
9
  import { PhoneAuthProvider, PhoneMultiFactorGenerator, TotpMultiFactorGenerator, multiFactor, FactorId } from 'firebase/auth';
10
10
  import * as i1 from '@angular/forms';
11
11
  import { FormsModule } from '@angular/forms';
@@ -3015,54 +3015,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3015
3015
  * limitations under the License.
3016
3016
  */
3017
3017
  // GENERATED BY generate-logos.ts
3018
- class GoogleLogoComponent {
3018
+ /**
3019
+ * The Apple logo SVG component.
3020
+ */
3021
+ class AppleLogoComponent {
3022
+ /** The width of the logo. */
3019
3023
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3024
+ /** The height of the logo. */
3020
3025
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3026
+ /** Optional additional CSS class names. */
3021
3027
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3022
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3023
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleLogoComponent, isStandalone: true, selector: "fui-google-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3024
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
3025
- <path
3026
- fill="#FFC107"
3027
- d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
3028
- />
3029
- <path
3030
- fill="#FF3D00"
3031
- d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
3032
- />
3033
- <path
3034
- fill="#4CAF50"
3035
- d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
3036
- />
3028
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3029
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleLogoComponent, isStandalone: true, selector: "fui-apple-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3030
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
3037
3031
  <path
3038
- fill="#1976D2"
3039
- d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
3032
+ fill="currentColor"
3033
+ d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
3040
3034
  />
3041
3035
  </svg>
3042
3036
  `, isInline: true });
3043
3037
  }
3044
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, decorators: [{
3038
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, decorators: [{
3045
3039
  type: Component,
3046
3040
  args: [{
3047
- selector: "fui-google-logo",
3041
+ selector: "fui-apple-logo",
3048
3042
  standalone: true,
3049
3043
  template: `
3050
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
3051
- <path
3052
- fill="#FFC107"
3053
- d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
3054
- />
3055
- <path
3056
- fill="#FF3D00"
3057
- d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
3058
- />
3059
- <path
3060
- fill="#4CAF50"
3061
- d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
3062
- />
3044
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
3063
3045
  <path
3064
- fill="#1976D2"
3065
- d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
3046
+ fill="currentColor"
3047
+ d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
3066
3048
  />
3067
3049
  </svg>
3068
3050
  `,
@@ -3085,42 +3067,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3085
3067
  * limitations under the License.
3086
3068
  */
3087
3069
  /**
3088
- * A button component for signing in with Google.
3070
+ * A button component for signing in with Apple.
3089
3071
  */
3090
- class GoogleSignInButtonComponent {
3072
+ class AppleSignInButtonComponent {
3091
3073
  ui = injectUI();
3092
- signInWithGoogleLabel = injectTranslation("labels", "signInWithGoogle");
3074
+ signInWithAppleLabel = injectTranslation("labels", "signInWithApple");
3093
3075
  /** Whether to use themed styling. */
3094
3076
  themed = input(false, ...(ngDevMode ? [{ debugName: "themed" }] : []));
3095
3077
  /** Event emitter for successful sign-in. */
3096
3078
  signIn = output();
3097
- defaultProvider = new GoogleAuthProvider();
3079
+ defaultProvider = new OAuthProvider("apple.com");
3098
3080
  /** Optional custom OAuth provider configuration. */
3099
3081
  provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
3100
- get googleProvider() {
3082
+ get appleProvider() {
3101
3083
  return this.provider() || this.defaultProvider;
3102
3084
  }
3103
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3104
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleSignInButtonComponent, isStandalone: true, selector: "fui-google-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3105
- <fui-oauth-button [provider]="googleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3106
- <fui-google-logo />
3107
- <span>{{ signInWithGoogleLabel() }}</span>
3085
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3086
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleSignInButtonComponent, isStandalone: true, selector: "fui-apple-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3087
+ <fui-oauth-button [provider]="appleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3088
+ <fui-apple-logo />
3089
+ <span>{{ signInWithAppleLabel() }}</span>
3108
3090
  </fui-oauth-button>
3109
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: GoogleLogoComponent, selector: "fui-google-logo", inputs: ["width", "height", "className"] }] });
3091
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: AppleLogoComponent, selector: "fui-apple-logo", inputs: ["width", "height", "className"] }] });
3110
3092
  }
3111
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, decorators: [{
3093
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, decorators: [{
3112
3094
  type: Component,
3113
3095
  args: [{
3114
- selector: "fui-google-sign-in-button",
3096
+ selector: "fui-apple-sign-in-button",
3115
3097
  standalone: true,
3116
- imports: [CommonModule, OAuthButtonComponent, GoogleLogoComponent],
3098
+ imports: [CommonModule, OAuthButtonComponent, AppleLogoComponent],
3117
3099
  host: {
3118
3100
  style: "display: block;",
3119
3101
  },
3120
3102
  template: `
3121
- <fui-oauth-button [provider]="googleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3122
- <fui-google-logo />
3123
- <span>{{ signInWithGoogleLabel() }}</span>
3103
+ <fui-oauth-button [provider]="appleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3104
+ <fui-apple-logo />
3105
+ <span>{{ signInWithAppleLabel() }}</span>
3124
3106
  </fui-oauth-button>
3125
3107
  `,
3126
3108
  }]
@@ -3142,9 +3124,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3142
3124
  * limitations under the License.
3143
3125
  */
3144
3126
  // GENERATED BY generate-logos.ts
3127
+ /**
3128
+ * The Facebook logo SVG component.
3129
+ */
3145
3130
  class FacebookLogoComponent {
3131
+ /** The width of the logo. */
3146
3132
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3133
+ /** The height of the logo. */
3147
3134
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3135
+ /** Optional additional CSS class names. */
3148
3136
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3149
3137
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FacebookLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3150
3138
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: FacebookLogoComponent, isStandalone: true, selector: "fui-facebook-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
@@ -3245,30 +3233,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3245
3233
  * limitations under the License.
3246
3234
  */
3247
3235
  // GENERATED BY generate-logos.ts
3248
- class AppleLogoComponent {
3236
+ /**
3237
+ * The Github logo SVG component.
3238
+ */
3239
+ class GithubLogoComponent {
3240
+ /** The width of the logo. */
3249
3241
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3242
+ /** The height of the logo. */
3250
3243
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3244
+ /** Optional additional CSS class names. */
3251
3245
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3252
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3253
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleLogoComponent, isStandalone: true, selector: "fui-apple-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3254
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
3246
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3247
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GithubLogoComponent, isStandalone: true, selector: "fui-github-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3248
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
3255
3249
  <path
3256
- fill="currentColor"
3257
- d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
3250
+ d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
3258
3251
  />
3259
3252
  </svg>
3260
3253
  `, isInline: true });
3261
3254
  }
3262
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, decorators: [{
3255
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, decorators: [{
3263
3256
  type: Component,
3264
3257
  args: [{
3265
- selector: "fui-apple-logo",
3258
+ selector: "fui-github-logo",
3266
3259
  standalone: true,
3267
3260
  template: `
3268
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
3261
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
3269
3262
  <path
3270
- fill="currentColor"
3271
- d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
3263
+ d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
3272
3264
  />
3273
3265
  </svg>
3274
3266
  `,
@@ -3291,42 +3283,174 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3291
3283
  * limitations under the License.
3292
3284
  */
3293
3285
  /**
3294
- * A button component for signing in with Apple.
3286
+ * A button component for signing in with GitHub.
3295
3287
  */
3296
- class AppleSignInButtonComponent {
3288
+ class GitHubSignInButtonComponent {
3289
+ signInWithGitHubLabel = injectTranslation("labels", "signInWithGitHub");
3290
+ /** Whether to use themed styling. */
3291
+ themed = input(false, ...(ngDevMode ? [{ debugName: "themed" }] : []));
3292
+ /** Event emitter for successful sign-in. */
3293
+ signIn = output();
3294
+ defaultProvider = new GithubAuthProvider();
3295
+ /** Optional custom OAuth provider configuration. */
3296
+ provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
3297
+ get githubProvider() {
3298
+ return this.provider() || this.defaultProvider;
3299
+ }
3300
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GitHubSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3301
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GitHubSignInButtonComponent, isStandalone: true, selector: "fui-github-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3302
+ <fui-oauth-button [provider]="githubProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3303
+ <fui-github-logo />
3304
+ <span>{{ signInWithGitHubLabel() }}</span>
3305
+ </fui-oauth-button>
3306
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: GithubLogoComponent, selector: "fui-github-logo", inputs: ["width", "height", "className"] }] });
3307
+ }
3308
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GitHubSignInButtonComponent, decorators: [{
3309
+ type: Component,
3310
+ args: [{
3311
+ selector: "fui-github-sign-in-button",
3312
+ standalone: true,
3313
+ imports: [CommonModule, OAuthButtonComponent, GithubLogoComponent],
3314
+ host: {
3315
+ style: "display: block;",
3316
+ },
3317
+ template: `
3318
+ <fui-oauth-button [provider]="githubProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3319
+ <fui-github-logo />
3320
+ <span>{{ signInWithGitHubLabel() }}</span>
3321
+ </fui-oauth-button>
3322
+ `,
3323
+ }]
3324
+ }], propDecorators: { themed: [{ type: i0.Input, args: [{ isSignal: true, alias: "themed", required: false }] }], signIn: [{ type: i0.Output, args: ["signIn"] }], provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
3325
+
3326
+ /**
3327
+ * Copyright 2025 Google LLC
3328
+ *
3329
+ * Licensed under the Apache License, Version 2.0 (the "License");
3330
+ * you may not use this file except in compliance with the License.
3331
+ * You may obtain a copy of the License at
3332
+ *
3333
+ * http://www.apache.org/licenses/LICENSE-2.0
3334
+ *
3335
+ * Unless required by applicable law or agreed to in writing, software
3336
+ * distributed under the License is distributed on an "AS IS" BASIS,
3337
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3338
+ * See the License for the specific language governing permissions and
3339
+ * limitations under the License.
3340
+ */
3341
+ // GENERATED BY generate-logos.ts
3342
+ /**
3343
+ * The Google logo SVG component.
3344
+ */
3345
+ class GoogleLogoComponent {
3346
+ /** The width of the logo. */
3347
+ width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3348
+ /** The height of the logo. */
3349
+ height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3350
+ /** Optional additional CSS class names. */
3351
+ className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3352
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3353
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleLogoComponent, isStandalone: true, selector: "fui-google-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3354
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
3355
+ <path
3356
+ fill="#FFC107"
3357
+ d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
3358
+ />
3359
+ <path
3360
+ fill="#FF3D00"
3361
+ d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
3362
+ />
3363
+ <path
3364
+ fill="#4CAF50"
3365
+ d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
3366
+ />
3367
+ <path
3368
+ fill="#1976D2"
3369
+ d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
3370
+ />
3371
+ </svg>
3372
+ `, isInline: true });
3373
+ }
3374
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, decorators: [{
3375
+ type: Component,
3376
+ args: [{
3377
+ selector: "fui-google-logo",
3378
+ standalone: true,
3379
+ template: `
3380
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
3381
+ <path
3382
+ fill="#FFC107"
3383
+ d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
3384
+ />
3385
+ <path
3386
+ fill="#FF3D00"
3387
+ d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
3388
+ />
3389
+ <path
3390
+ fill="#4CAF50"
3391
+ d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
3392
+ />
3393
+ <path
3394
+ fill="#1976D2"
3395
+ d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
3396
+ />
3397
+ </svg>
3398
+ `,
3399
+ }]
3400
+ }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
3401
+
3402
+ /**
3403
+ * Copyright 2025 Google LLC
3404
+ *
3405
+ * Licensed under the Apache License, Version 2.0 (the "License");
3406
+ * you may not use this file except in compliance with the License.
3407
+ * You may obtain a copy of the License at
3408
+ *
3409
+ * http://www.apache.org/licenses/LICENSE-2.0
3410
+ *
3411
+ * Unless required by applicable law or agreed to in writing, software
3412
+ * distributed under the License is distributed on an "AS IS" BASIS,
3413
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3414
+ * See the License for the specific language governing permissions and
3415
+ * limitations under the License.
3416
+ */
3417
+ /**
3418
+ * A button component for signing in with Google.
3419
+ */
3420
+ class GoogleSignInButtonComponent {
3297
3421
  ui = injectUI();
3298
- signInWithAppleLabel = injectTranslation("labels", "signInWithApple");
3422
+ signInWithGoogleLabel = injectTranslation("labels", "signInWithGoogle");
3299
3423
  /** Whether to use themed styling. */
3300
3424
  themed = input(false, ...(ngDevMode ? [{ debugName: "themed" }] : []));
3301
3425
  /** Event emitter for successful sign-in. */
3302
3426
  signIn = output();
3303
- defaultProvider = new OAuthProvider("apple.com");
3427
+ defaultProvider = new GoogleAuthProvider();
3304
3428
  /** Optional custom OAuth provider configuration. */
3305
3429
  provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
3306
- get appleProvider() {
3430
+ get googleProvider() {
3307
3431
  return this.provider() || this.defaultProvider;
3308
3432
  }
3309
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3310
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleSignInButtonComponent, isStandalone: true, selector: "fui-apple-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3311
- <fui-oauth-button [provider]="appleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3312
- <fui-apple-logo />
3313
- <span>{{ signInWithAppleLabel() }}</span>
3433
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3434
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleSignInButtonComponent, isStandalone: true, selector: "fui-google-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3435
+ <fui-oauth-button [provider]="googleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3436
+ <fui-google-logo />
3437
+ <span>{{ signInWithGoogleLabel() }}</span>
3314
3438
  </fui-oauth-button>
3315
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: AppleLogoComponent, selector: "fui-apple-logo", inputs: ["width", "height", "className"] }] });
3439
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: GoogleLogoComponent, selector: "fui-google-logo", inputs: ["width", "height", "className"] }] });
3316
3440
  }
3317
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, decorators: [{
3441
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, decorators: [{
3318
3442
  type: Component,
3319
3443
  args: [{
3320
- selector: "fui-apple-sign-in-button",
3444
+ selector: "fui-google-sign-in-button",
3321
3445
  standalone: true,
3322
- imports: [CommonModule, OAuthButtonComponent, AppleLogoComponent],
3446
+ imports: [CommonModule, OAuthButtonComponent, GoogleLogoComponent],
3323
3447
  host: {
3324
3448
  style: "display: block;",
3325
3449
  },
3326
3450
  template: `
3327
- <fui-oauth-button [provider]="appleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3328
- <fui-apple-logo />
3329
- <span>{{ signInWithAppleLabel() }}</span>
3451
+ <fui-oauth-button [provider]="googleProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3452
+ <fui-google-logo />
3453
+ <span>{{ signInWithGoogleLabel() }}</span>
3330
3454
  </fui-oauth-button>
3331
3455
  `,
3332
3456
  }]
@@ -3348,9 +3472,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3348
3472
  * limitations under the License.
3349
3473
  */
3350
3474
  // GENERATED BY generate-logos.ts
3475
+ /**
3476
+ * The Microsoft logo SVG component.
3477
+ */
3351
3478
  class MicrosoftLogoComponent {
3479
+ /** The width of the logo. */
3352
3480
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3481
+ /** The height of the logo. */
3353
3482
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3483
+ /** Optional additional CSS class names. */
3354
3484
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3355
3485
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MicrosoftLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3356
3486
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: MicrosoftLogoComponent, isStandalone: true, selector: "fui-microsoft-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
@@ -3450,9 +3580,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3450
3580
  * limitations under the License.
3451
3581
  */
3452
3582
  // GENERATED BY generate-logos.ts
3583
+ /**
3584
+ * The Twitter logo SVG component.
3585
+ */
3453
3586
  class TwitterLogoComponent {
3587
+ /** The width of the logo. */
3454
3588
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3589
+ /** The height of the logo. */
3455
3590
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3591
+ /** Optional additional CSS class names. */
3456
3592
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3457
3593
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TwitterLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3458
3594
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: TwitterLogoComponent, isStandalone: true, selector: "fui-twitter-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
@@ -3550,29 +3686,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3550
3686
  * limitations under the License.
3551
3687
  */
3552
3688
  // GENERATED BY generate-logos.ts
3553
- class GithubLogoComponent {
3689
+ /**
3690
+ * The Yahoo logo SVG component.
3691
+ */
3692
+ class YahooLogoComponent {
3693
+ /** The width of the logo. */
3554
3694
  width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
3695
+ /** The height of the logo. */
3555
3696
  height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
3697
+ /** Optional additional CSS class names. */
3556
3698
  className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
3557
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3558
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GithubLogoComponent, isStandalone: true, selector: "fui-github-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3559
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
3560
- <path
3561
- d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
3562
- />
3699
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: YahooLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3700
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: YahooLogoComponent, isStandalone: true, selector: "fui-yahoo-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
3701
+ <svg
3702
+ fill="currentColor"
3703
+ version="1.1"
3704
+ id="Layer_1"
3705
+ xmlns="http://www.w3.org/2000/svg"
3706
+ xmlns:xlink="http://www.w3.org/1999/xlink"
3707
+ viewBox="-271 324 256 153"
3708
+ xml:space="preserve"
3709
+ class="fui-provider__icon"
3710
+ >
3711
+ <g>
3712
+ <path
3713
+ d="M-37.5,356.3c0.1,0,0.2,0,0.2,0l7.1-10.3c-0.1,0-0.3,0-0.4,0l0.7-1.1h-99.9l3.9,15.7h27.3l-46,41.5
3714
+ c-9.4-13-31.4-39.9-46.7-62.3h34.4v-12l0.4-2.6c-0.1,0-0.3-0.1-0.4-0.1V324H-271v15.8h33.8c13.1,10.3,63.4,73,65.4,79.2
3715
+ c0.8,5.9,1.6,40.4-0.9,43c-4.9,5.2-27.5,3.8-32.9,4.2l-1.9,10.7c9.9,0.3,42.2-0.8,52.2-0.8c19.8,0,54.4-0.1,59.3,0.3l0.6-11.2
3716
+ c-5-0.8-32.3-0.1-36-1c-0.8-5.4-1.7-41.8-0.9-45.6c3.9-10.9,61.2-55.1,67.5-56.8c1.4-0.3,3.5-0.8,5.9-1.3h18.5L-37.5,356.3z"
3717
+ />
3718
+ <path d="M-48.2,447.8l15.3,1.2l17.9-69c-3-0.1-30.1-2.7-33.6-3.3L-48.2,447.8z" />
3719
+ <polygon points="-50.8,458.9 -50.7,475.7 -43,476.4 -34.6,477 -32.1,460.5 -41,460.1 " />
3720
+ </g>
3563
3721
  </svg>
3564
3722
  `, isInline: true });
3565
3723
  }
3566
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, decorators: [{
3724
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: YahooLogoComponent, decorators: [{
3567
3725
  type: Component,
3568
3726
  args: [{
3569
- selector: "fui-github-logo",
3727
+ selector: "fui-yahoo-logo",
3570
3728
  standalone: true,
3571
3729
  template: `
3572
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
3573
- <path
3574
- d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
3575
- />
3730
+ <svg
3731
+ fill="currentColor"
3732
+ version="1.1"
3733
+ id="Layer_1"
3734
+ xmlns="http://www.w3.org/2000/svg"
3735
+ xmlns:xlink="http://www.w3.org/1999/xlink"
3736
+ viewBox="-271 324 256 153"
3737
+ xml:space="preserve"
3738
+ class="fui-provider__icon"
3739
+ >
3740
+ <g>
3741
+ <path
3742
+ d="M-37.5,356.3c0.1,0,0.2,0,0.2,0l7.1-10.3c-0.1,0-0.3,0-0.4,0l0.7-1.1h-99.9l3.9,15.7h27.3l-46,41.5
3743
+ c-9.4-13-31.4-39.9-46.7-62.3h34.4v-12l0.4-2.6c-0.1,0-0.3-0.1-0.4-0.1V324H-271v15.8h33.8c13.1,10.3,63.4,73,65.4,79.2
3744
+ c0.8,5.9,1.6,40.4-0.9,43c-4.9,5.2-27.5,3.8-32.9,4.2l-1.9,10.7c9.9,0.3,42.2-0.8,52.2-0.8c19.8,0,54.4-0.1,59.3,0.3l0.6-11.2
3745
+ c-5-0.8-32.3-0.1-36-1c-0.8-5.4-1.7-41.8-0.9-45.6c3.9-10.9,61.2-55.1,67.5-56.8c1.4-0.3,3.5-0.8,5.9-1.3h18.5L-37.5,356.3z"
3746
+ />
3747
+ <path d="M-48.2,447.8l15.3,1.2l17.9-69c-3-0.1-30.1-2.7-33.6-3.3L-48.2,447.8z" />
3748
+ <polygon points="-50.8,458.9 -50.7,475.7 -43,476.4 -34.6,477 -32.1,460.5 -41,460.1 " />
3749
+ </g>
3576
3750
  </svg>
3577
3751
  `,
3578
3752
  }]
@@ -3594,41 +3768,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
3594
3768
  * limitations under the License.
3595
3769
  */
3596
3770
  /**
3597
- * A button component for signing in with GitHub.
3771
+ * A button component for signing in with Yahoo.
3598
3772
  */
3599
- class GitHubSignInButtonComponent {
3600
- signInWithGitHubLabel = injectTranslation("labels", "signInWithGitHub");
3773
+ class YahooSignInButtonComponent {
3774
+ signInWithYahooLabel = injectTranslation("labels", "signInWithYahoo");
3601
3775
  /** Whether to use themed styling. */
3602
3776
  themed = input(false, ...(ngDevMode ? [{ debugName: "themed" }] : []));
3603
3777
  /** Event emitter for successful sign-in. */
3604
3778
  signIn = output();
3605
- defaultProvider = new GithubAuthProvider();
3779
+ defaultProvider = new OAuthProvider("yahoo.com");
3606
3780
  /** Optional custom OAuth provider configuration. */
3607
3781
  provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
3608
- get githubProvider() {
3782
+ get yahooProvider() {
3609
3783
  return this.provider() || this.defaultProvider;
3610
3784
  }
3611
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GitHubSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3612
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GitHubSignInButtonComponent, isStandalone: true, selector: "fui-github-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3613
- <fui-oauth-button [provider]="githubProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3614
- <fui-github-logo />
3615
- <span>{{ signInWithGitHubLabel() }}</span>
3785
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: YahooSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3786
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: YahooSignInButtonComponent, isStandalone: true, selector: "fui-yahoo-sign-in-button", inputs: { themed: { classPropertyName: "themed", publicName: "themed", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, host: { styleAttribute: "display: block;" }, ngImport: i0, template: `
3787
+ <fui-oauth-button [provider]="yahooProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3788
+ <fui-yahoo-logo />
3789
+ <span>{{ signInWithYahooLabel() }}</span>
3616
3790
  </fui-oauth-button>
3617
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: GithubLogoComponent, selector: "fui-github-logo", inputs: ["width", "height", "className"] }] });
3791
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider", "themed"], outputs: ["signIn"] }, { kind: "component", type: YahooLogoComponent, selector: "fui-yahoo-logo", inputs: ["width", "height", "className"] }] });
3618
3792
  }
3619
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GitHubSignInButtonComponent, decorators: [{
3793
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: YahooSignInButtonComponent, decorators: [{
3620
3794
  type: Component,
3621
3795
  args: [{
3622
- selector: "fui-github-sign-in-button",
3796
+ selector: "fui-yahoo-sign-in-button",
3623
3797
  standalone: true,
3624
- imports: [CommonModule, OAuthButtonComponent, GithubLogoComponent],
3798
+ imports: [CommonModule, OAuthButtonComponent, YahooLogoComponent],
3625
3799
  host: {
3626
3800
  style: "display: block;",
3627
3801
  },
3628
3802
  template: `
3629
- <fui-oauth-button [provider]="githubProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3630
- <fui-github-logo />
3631
- <span>{{ signInWithGitHubLabel() }}</span>
3803
+ <fui-oauth-button [provider]="yahooProvider" [themed]="themed()" (signIn)="signIn.emit($event)">
3804
+ <fui-yahoo-logo />
3805
+ <span>{{ signInWithYahooLabel() }}</span>
3632
3806
  </fui-oauth-button>
3633
3807
  `,
3634
3808
  }]
@@ -4667,14 +4841,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
4667
4841
  * See the License for the specific language governing permissions and
4668
4842
  * limitations under the License.
4669
4843
  */
4670
- if (!isDevMode()) {
4671
- const pkgJson = require("../package.json");
4672
- registerFramework("angular", pkgJson.version);
4673
- }
4844
+ /**
4845
+ * Package version - this file is auto-generated during build
4846
+ * DO NOT EDIT MANUALLY
4847
+ */
4848
+ const VERSION = "0.0.2-exp.cfc61d6";
4849
+
4850
+ /**
4851
+ * Copyright 2025 Google LLC
4852
+ *
4853
+ * Licensed under the Apache License, Version 2.0 (the "License");
4854
+ * you may not use this file except in compliance with the License.
4855
+ * You may obtain a copy of the License at
4856
+ *
4857
+ * http://www.apache.org/licenses/LICENSE-2.0
4858
+ *
4859
+ * Unless required by applicable law or agreed to in writing, software
4860
+ * distributed under the License is distributed on an "AS IS" BASIS,
4861
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4862
+ * See the License for the specific language governing permissions and
4863
+ * limitations under the License.
4864
+ */
4865
+ registerFramework("angular", VERSION);
4674
4866
 
4675
4867
  /**
4676
4868
  * Generated bundle index. Do not edit.
4677
4869
  */
4678
4870
 
4679
- export { AppleSignInButtonComponent, ButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardSubtitleComponent, CardTitleComponent, ContentComponent, CountrySelectorComponent, DividerComponent, EmailLinkAuthFormComponent, EmailLinkAuthScreenComponent, FacebookSignInButtonComponent, ForgotPasswordAuthFormComponent, ForgotPasswordAuthScreenComponent, GitHubSignInButtonComponent, GoogleSignInButtonComponent, MicrosoftSignInButtonComponent, MultiFactorAuthAssertionFormComponent, MultiFactorAuthAssertionScreenComponent, MultiFactorAuthEnrollmentFormComponent, MultiFactorAuthEnrollmentScreenComponent, OAuthButtonComponent, OAuthScreenComponent, PhoneAuthFormComponent, PhoneAuthScreenComponent, PoliciesComponent, RedirectErrorComponent, SignInAuthFormComponent, SignInAuthScreenComponent, SignUpAuthFormComponent, SignUpAuthScreenComponent, SmsMultiFactorAssertionFormComponent, SmsMultiFactorAssertionPhoneFormComponent, SmsMultiFactorAssertionVerifyFormComponent, SmsMultiFactorEnrollmentFormComponent, TotpMultiFactorAssertionFormComponent, TotpMultiFactorEnrollmentFormComponent, TwitterSignInButtonComponent, injectCountries, injectDefaultCountry, injectEmailLinkAuthFormSchema, injectForgotPasswordAuthFormSchema, injectMultiFactorPhoneAuthAssertionFormSchema, injectMultiFactorPhoneAuthNumberFormSchema, injectMultiFactorPhoneAuthVerifyFormSchema, injectMultiFactorTotpAuthNumberFormSchema, injectMultiFactorTotpAuthVerifyFormSchema, injectPhoneAuthFormSchema, injectPhoneAuthVerifyFormSchema, injectPolicies, injectRecaptchaVerifier, injectRedirectError, injectSignInAuthFormSchema, injectSignUpAuthFormSchema, injectTranslation, injectUI, injectUserAuthenticated, provideFirebaseUI, provideFirebaseUIPolicies };
4871
+ export { AppleSignInButtonComponent, ButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardSubtitleComponent, CardTitleComponent, ContentComponent, CountrySelectorComponent, DividerComponent, EmailLinkAuthFormComponent, EmailLinkAuthScreenComponent, FacebookSignInButtonComponent, ForgotPasswordAuthFormComponent, ForgotPasswordAuthScreenComponent, GitHubSignInButtonComponent, GoogleSignInButtonComponent, MicrosoftSignInButtonComponent, MultiFactorAuthAssertionFormComponent, MultiFactorAuthAssertionScreenComponent, MultiFactorAuthEnrollmentFormComponent, MultiFactorAuthEnrollmentScreenComponent, OAuthButtonComponent, OAuthScreenComponent, PhoneAuthFormComponent, PhoneAuthScreenComponent, PoliciesComponent, RedirectErrorComponent, SignInAuthFormComponent, SignInAuthScreenComponent, SignUpAuthFormComponent, SignUpAuthScreenComponent, SmsMultiFactorAssertionFormComponent, SmsMultiFactorAssertionPhoneFormComponent, SmsMultiFactorAssertionVerifyFormComponent, SmsMultiFactorEnrollmentFormComponent, TotpMultiFactorAssertionFormComponent, TotpMultiFactorEnrollmentFormComponent, TwitterSignInButtonComponent, YahooSignInButtonComponent, injectCountries, injectDefaultCountry, injectEmailLinkAuthFormSchema, injectForgotPasswordAuthFormSchema, injectMultiFactorPhoneAuthAssertionFormSchema, injectMultiFactorPhoneAuthNumberFormSchema, injectMultiFactorPhoneAuthVerifyFormSchema, injectMultiFactorTotpAuthNumberFormSchema, injectMultiFactorTotpAuthVerifyFormSchema, injectPhoneAuthFormSchema, injectPhoneAuthVerifyFormSchema, injectPolicies, injectRecaptchaVerifier, injectRedirectError, injectSignInAuthFormSchema, injectSignUpAuthFormSchema, injectTranslation, injectUI, injectUserAuthenticated, provideFirebaseUI, provideFirebaseUIPolicies };
4680
4872
  //# sourceMappingURL=firebase-oss-ui-angular.mjs.map