@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.
- package/LICENSE +202 -0
- package/dist/fesm2022/firebase-oss-ui-angular.mjs +310 -118
- package/dist/fesm2022/firebase-oss-ui-angular.mjs.map +1 -1
- package/dist/index.d.ts +57 -43
- package/package.json +35 -35
|
@@ -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,
|
|
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
|
-
|
|
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:
|
|
3023
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3024
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
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="
|
|
3039
|
-
d="
|
|
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:
|
|
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-
|
|
3041
|
+
selector: "fui-apple-logo",
|
|
3048
3042
|
standalone: true,
|
|
3049
3043
|
template: `
|
|
3050
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
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="
|
|
3065
|
-
d="
|
|
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
|
|
3070
|
+
* A button component for signing in with Apple.
|
|
3089
3071
|
*/
|
|
3090
|
-
class
|
|
3072
|
+
class AppleSignInButtonComponent {
|
|
3091
3073
|
ui = injectUI();
|
|
3092
|
-
|
|
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
|
|
3079
|
+
defaultProvider = new OAuthProvider("apple.com");
|
|
3098
3080
|
/** Optional custom OAuth provider configuration. */
|
|
3099
3081
|
provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
|
|
3100
|
-
get
|
|
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:
|
|
3104
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3105
|
-
<fui-oauth-button [provider]="
|
|
3106
|
-
<fui-
|
|
3107
|
-
<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:
|
|
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:
|
|
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-
|
|
3096
|
+
selector: "fui-apple-sign-in-button",
|
|
3115
3097
|
standalone: true,
|
|
3116
|
-
imports: [CommonModule, OAuthButtonComponent,
|
|
3098
|
+
imports: [CommonModule, OAuthButtonComponent, AppleLogoComponent],
|
|
3117
3099
|
host: {
|
|
3118
3100
|
style: "display: block;",
|
|
3119
3101
|
},
|
|
3120
3102
|
template: `
|
|
3121
|
-
<fui-oauth-button [provider]="
|
|
3122
|
-
<fui-
|
|
3123
|
-
<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
|
-
|
|
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:
|
|
3253
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3254
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
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
|
-
|
|
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:
|
|
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-
|
|
3258
|
+
selector: "fui-github-logo",
|
|
3266
3259
|
standalone: true,
|
|
3267
3260
|
template: `
|
|
3268
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
3261
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
|
|
3269
3262
|
<path
|
|
3270
|
-
|
|
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
|
|
3286
|
+
* A button component for signing in with GitHub.
|
|
3295
3287
|
*/
|
|
3296
|
-
class
|
|
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
|
-
|
|
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
|
|
3427
|
+
defaultProvider = new GoogleAuthProvider();
|
|
3304
3428
|
/** Optional custom OAuth provider configuration. */
|
|
3305
3429
|
provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
|
|
3306
|
-
get
|
|
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:
|
|
3310
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3311
|
-
<fui-oauth-button [provider]="
|
|
3312
|
-
<fui-
|
|
3313
|
-
<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:
|
|
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:
|
|
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-
|
|
3444
|
+
selector: "fui-google-sign-in-button",
|
|
3321
3445
|
standalone: true,
|
|
3322
|
-
imports: [CommonModule, OAuthButtonComponent,
|
|
3446
|
+
imports: [CommonModule, OAuthButtonComponent, GoogleLogoComponent],
|
|
3323
3447
|
host: {
|
|
3324
3448
|
style: "display: block;",
|
|
3325
3449
|
},
|
|
3326
3450
|
template: `
|
|
3327
|
-
<fui-oauth-button [provider]="
|
|
3328
|
-
<fui-
|
|
3329
|
-
<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
|
-
|
|
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:
|
|
3558
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3559
|
-
<svg
|
|
3560
|
-
|
|
3561
|
-
|
|
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:
|
|
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-
|
|
3727
|
+
selector: "fui-yahoo-logo",
|
|
3570
3728
|
standalone: true,
|
|
3571
3729
|
template: `
|
|
3572
|
-
<svg
|
|
3573
|
-
|
|
3574
|
-
|
|
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
|
|
3771
|
+
* A button component for signing in with Yahoo.
|
|
3598
3772
|
*/
|
|
3599
|
-
class
|
|
3600
|
-
|
|
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
|
|
3779
|
+
defaultProvider = new OAuthProvider("yahoo.com");
|
|
3606
3780
|
/** Optional custom OAuth provider configuration. */
|
|
3607
3781
|
provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
|
|
3608
|
-
get
|
|
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:
|
|
3612
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type:
|
|
3613
|
-
<fui-oauth-button [provider]="
|
|
3614
|
-
<fui-
|
|
3615
|
-
<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:
|
|
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:
|
|
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-
|
|
3796
|
+
selector: "fui-yahoo-sign-in-button",
|
|
3623
3797
|
standalone: true,
|
|
3624
|
-
imports: [CommonModule, OAuthButtonComponent,
|
|
3798
|
+
imports: [CommonModule, OAuthButtonComponent, YahooLogoComponent],
|
|
3625
3799
|
host: {
|
|
3626
3800
|
style: "display: block;",
|
|
3627
3801
|
},
|
|
3628
3802
|
template: `
|
|
3629
|
-
<fui-oauth-button [provider]="
|
|
3630
|
-
<fui-
|
|
3631
|
-
<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
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
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
|