@tylertech/forge 2.14.0 → 2.15.0
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/custom-elements.json +84 -0
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/chunks/{chunk.J6P3GKZM.js → chunk.7HQCLSUK.js} +2 -2
- package/dist/esm/chunks/{chunk.J6P3GKZM.js.map → chunk.7HQCLSUK.js.map} +1 -1
- package/dist/esm/chunks/{chunk.4X2OFZDL.js → chunk.II4Q4QKJ.js} +2 -2
- package/dist/esm/chunks/{chunk.4X2OFZDL.js.map → chunk.II4Q4QKJ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DYRY2HWZ.js → chunk.JE7CPIR4.js} +2 -2
- package/dist/esm/chunks/chunk.Q7LFOS2I.js +7 -0
- package/dist/esm/chunks/chunk.Q7LFOS2I.js.map +7 -0
- package/dist/esm/chunks/{chunk.6RSRYR55.js → chunk.SN5XYZZP.js} +2 -2
- package/dist/esm/chunks/chunk.XQ2EQIDS.js +7 -0
- package/dist/esm/chunks/chunk.XQ2EQIDS.js.map +7 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button-adapter.d.ts +2 -0
- package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +13 -1
- package/esm/app-bar/profile-button/app-bar-profile-button-constants.d.ts +2 -0
- package/esm/app-bar/profile-button/app-bar-profile-button-constants.js +1 -0
- package/esm/app-bar/profile-button/app-bar-profile-button-foundation.d.ts +4 -0
- package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js +15 -1
- package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +2 -0
- package/esm/app-bar/profile-button/app-bar-profile-button.js +9 -0
- package/esm/profile-card/profile-card-adapter.d.ts +2 -0
- package/esm/profile-card/profile-card-adapter.js +12 -1
- package/esm/profile-card/profile-card-constants.d.ts +1 -0
- package/esm/profile-card/profile-card-constants.js +1 -0
- package/esm/profile-card/profile-card-foundation.d.ts +4 -0
- package/esm/profile-card/profile-card-foundation.js +9 -0
- package/esm/profile-card/profile-card.d.ts +2 -0
- package/esm/profile-card/profile-card.js +7 -0
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stack/stack.js +1 -1
- package/package.json +1 -1
- package/styles/stack/stack.scss +2 -0
- package/dist/esm/chunks/chunk.73AYD2BF.js +0 -7
- package/dist/esm/chunks/chunk.73AYD2BF.js.map +0 -7
- package/dist/esm/chunks/chunk.U724KSZU.js +0 -7
- package/dist/esm/chunks/chunk.U724KSZU.js.map +0 -7
- /package/dist/esm/chunks/{chunk.DYRY2HWZ.js.map → chunk.JE7CPIR4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.6RSRYR55.js.map → chunk.SN5XYZZP.js.map} +0 -0
package/dist/esm/stack/index.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f}from"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f}from"../chunks/chunk.II4Q4QKJ.js";import"../chunks/chunk.G5MGGEFP.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.BE7PZANN.js";import"../chunks/chunk.Y4GKBJGI.js";import"../chunks/chunk.PN26D52V.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as STACK_CONSTANTS,c as StackAdapter,b as StackAlignMode,e as StackComponent,d as StackFoundation,f as defineStackComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -14,6 +14,7 @@ export interface IAppBarProfileButtonAdapter extends IBaseAdapter {
|
|
|
14
14
|
closePopup(): void;
|
|
15
15
|
requestFocus(): void;
|
|
16
16
|
setAvatarText(value: string): void;
|
|
17
|
+
setAvatarIcon(value: string): void;
|
|
17
18
|
setAvatarLetterCount(value: number): void;
|
|
18
19
|
setAvatarImageUrl(value: string): void;
|
|
19
20
|
setSignOutButtonText(value: string): void;
|
|
@@ -32,6 +33,7 @@ export declare class AppBarProfileButtonAdapter extends BaseAdapter<IAppBarProfi
|
|
|
32
33
|
closePopup(): void;
|
|
33
34
|
requestFocus(): void;
|
|
34
35
|
setAvatarText(value: string): void;
|
|
36
|
+
setAvatarIcon(value: string): void;
|
|
35
37
|
setAvatarLetterCount(value: number): void;
|
|
36
38
|
setAvatarImageUrl(value: string): void;
|
|
37
39
|
setSignOutButtonText(value: string): void;
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import { getLightElement, notChildEventListener, getActiveElement } from '@tylertech/forge-core';
|
|
6
|
+
import { getLightElement, notChildEventListener, getActiveElement, removeAllChildren } from '@tylertech/forge-core';
|
|
7
|
+
import { IconComponentDelegate } from '../../icon';
|
|
7
8
|
import { AVATAR_CONSTANTS } from '../../avatar';
|
|
8
9
|
import { BaseAdapter } from '../../core/base/base-adapter';
|
|
9
10
|
import { PopupAnimationType, POPUP_CONSTANTS } from '../../popup';
|
|
@@ -32,6 +33,7 @@ export class AppBarProfileButtonAdapter extends BaseAdapter {
|
|
|
32
33
|
this._profileCardElement.signOutText = profileCardConfig.signOutButtonText;
|
|
33
34
|
this._profileCardElement.profileText = profileCardConfig.profileButtonText;
|
|
34
35
|
this._profileCardElement.avatarText = profileCardConfig.avatarText;
|
|
36
|
+
this._profileCardElement.avatarIcon = profileCardConfig.avatarIcon;
|
|
35
37
|
this._profileCardElement.avatarImageUrl = profileCardConfig.avatarImageUrl;
|
|
36
38
|
this._profileCardElement.avatarLetterCount = profileCardConfig.avatarLetterCount;
|
|
37
39
|
this._profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.PROFILE, () => profileListener());
|
|
@@ -66,6 +68,16 @@ export class AppBarProfileButtonAdapter extends BaseAdapter {
|
|
|
66
68
|
}
|
|
67
69
|
setAvatarText(value) {
|
|
68
70
|
this._avatarElement.text = value;
|
|
71
|
+
removeAllChildren(this._avatarElement);
|
|
72
|
+
}
|
|
73
|
+
setAvatarIcon(value) {
|
|
74
|
+
if (value) {
|
|
75
|
+
const iconDelegate = new IconComponentDelegate({ props: { name: value } });
|
|
76
|
+
this._avatarElement.replaceChildren(iconDelegate.element);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
removeAllChildren(this._avatarElement);
|
|
80
|
+
}
|
|
69
81
|
}
|
|
70
82
|
setAvatarLetterCount(value) {
|
|
71
83
|
this._avatarElement.letterCount = value;
|
|
@@ -11,6 +11,7 @@ export declare const APP_BAR_PROFILE_BUTTON_CONSTANTS: {
|
|
|
11
11
|
AVATAR_IMAGE_URL: string;
|
|
12
12
|
AVATAR_LETTER_COUNT: string;
|
|
13
13
|
AVATAR_TEXT: string;
|
|
14
|
+
AVATAR_ICON: string;
|
|
14
15
|
SIGN_OUT_BUTTON: string;
|
|
15
16
|
PROFILE_BUTTON: string;
|
|
16
17
|
SIGN_OUT_BUTTON_TEXT: string;
|
|
@@ -29,6 +30,7 @@ export interface IAppBarProfileCardConfig {
|
|
|
29
30
|
signOutButtonText: string;
|
|
30
31
|
profileButtonText: string;
|
|
31
32
|
avatarText: string;
|
|
33
|
+
avatarIcon: string;
|
|
32
34
|
avatarImageUrl: string;
|
|
33
35
|
avatarLetterCount: number;
|
|
34
36
|
}
|
|
@@ -11,6 +11,7 @@ const attributes = {
|
|
|
11
11
|
AVATAR_IMAGE_URL: 'avatar-image-url',
|
|
12
12
|
AVATAR_LETTER_COUNT: 'avatar-letter-count',
|
|
13
13
|
AVATAR_TEXT: 'avatar-text',
|
|
14
|
+
AVATAR_ICON: 'avatar-icon',
|
|
14
15
|
SIGN_OUT_BUTTON: 'sign-out-button',
|
|
15
16
|
PROFILE_BUTTON: 'profile-button',
|
|
16
17
|
SIGN_OUT_BUTTON_TEXT: 'sign-out-button-text',
|
|
@@ -12,6 +12,7 @@ export interface IAppBarProfileButtonFoundation extends ICustomElementFoundation
|
|
|
12
12
|
avatarImageUrl: string;
|
|
13
13
|
avatarLetterCount: number;
|
|
14
14
|
avatarText: string;
|
|
15
|
+
avatarIcon: string;
|
|
15
16
|
signOutButton: boolean;
|
|
16
17
|
profileButton: boolean;
|
|
17
18
|
signOutButtonText: string;
|
|
@@ -26,6 +27,7 @@ export declare class AppBarProfileButtonFoundation implements IAppBarProfileButt
|
|
|
26
27
|
private _avatarImageUrl;
|
|
27
28
|
private _avatarLetterCount;
|
|
28
29
|
private _avatarText;
|
|
30
|
+
private _avatarIcon;
|
|
29
31
|
private _showSignOutButton;
|
|
30
32
|
private _showProfileButton;
|
|
31
33
|
private _signOutButtonText;
|
|
@@ -59,6 +61,8 @@ export declare class AppBarProfileButtonFoundation implements IAppBarProfileButt
|
|
|
59
61
|
set avatarLetterCount(value: number);
|
|
60
62
|
get avatarText(): string;
|
|
61
63
|
set avatarText(value: string);
|
|
64
|
+
get avatarIcon(): string;
|
|
65
|
+
set avatarIcon(value: string);
|
|
62
66
|
get signOutButton(): boolean;
|
|
63
67
|
set signOutButton(value: boolean);
|
|
64
68
|
get profileButton(): boolean;
|
|
@@ -29,6 +29,7 @@ export class AppBarProfileButtonFoundation {
|
|
|
29
29
|
this._adapter.setAvatarImageUrl(this._avatarImageUrl);
|
|
30
30
|
this._adapter.setAvatarLetterCount(this._avatarLetterCount);
|
|
31
31
|
this._adapter.setAvatarText(this._avatarText);
|
|
32
|
+
this._adapter.setAvatarIcon(this._avatarIcon);
|
|
32
33
|
this._isInitialized = true;
|
|
33
34
|
}
|
|
34
35
|
disconnect() {
|
|
@@ -86,6 +87,7 @@ export class AppBarProfileButtonFoundation {
|
|
|
86
87
|
signOutButtonText: this._signOutButtonText,
|
|
87
88
|
profileButtonText: this._profileButtonText,
|
|
88
89
|
avatarText: this._avatarText,
|
|
90
|
+
avatarIcon: this._avatarIcon,
|
|
89
91
|
avatarImageUrl: this._avatarImageUrl,
|
|
90
92
|
avatarLetterCount: this._avatarLetterCount
|
|
91
93
|
};
|
|
@@ -159,7 +161,19 @@ export class AppBarProfileButtonFoundation {
|
|
|
159
161
|
this._avatarText = value;
|
|
160
162
|
if (this._isInitialized) {
|
|
161
163
|
this._adapter.setAvatarText(this._avatarText);
|
|
162
|
-
this._adapter.
|
|
164
|
+
this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT, !!this._avatarText, this._avatarText);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
get avatarIcon() {
|
|
169
|
+
return this._avatarIcon;
|
|
170
|
+
}
|
|
171
|
+
set avatarIcon(value) {
|
|
172
|
+
if (this._avatarIcon !== value) {
|
|
173
|
+
this._avatarIcon = value;
|
|
174
|
+
if (this._isInitialized) {
|
|
175
|
+
this._adapter.setAvatarIcon(this._avatarIcon);
|
|
176
|
+
this._adapter.toggleHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_ICON, !!this._avatarIcon, this._avatarIcon);
|
|
163
177
|
}
|
|
164
178
|
}
|
|
165
179
|
}
|
|
@@ -9,6 +9,7 @@ export interface IAppBarProfileButtonComponent extends IBaseComponent {
|
|
|
9
9
|
avatarImageUrl: string;
|
|
10
10
|
avatarLetterCount: number;
|
|
11
11
|
avatarText: string;
|
|
12
|
+
avatarIcon: string;
|
|
12
13
|
fullName: string;
|
|
13
14
|
email: string;
|
|
14
15
|
signOutButton: boolean;
|
|
@@ -41,6 +42,7 @@ export declare class AppBarProfileButtonComponent extends BaseComponent implemen
|
|
|
41
42
|
avatarImageUrl: string;
|
|
42
43
|
avatarLetterCount: number;
|
|
43
44
|
avatarText: string;
|
|
45
|
+
avatarIcon: string;
|
|
44
46
|
signOutButton: boolean;
|
|
45
47
|
profileButton: boolean;
|
|
46
48
|
signOutButtonText: string;
|
|
@@ -14,6 +14,7 @@ import { AvatarComponent } from '../../avatar';
|
|
|
14
14
|
import { PopupComponent } from '../../popup';
|
|
15
15
|
import { TooltipComponent } from '../../tooltip';
|
|
16
16
|
import { BaseComponent } from '../../core/base/base-component';
|
|
17
|
+
import { IconComponent } from '../../icon';
|
|
17
18
|
const template = '<template><forge-icon-button><button type=\"button\" aria-label=\"View profile card\"><forge-avatar aria-hidden=\"true\"></forge-avatar></button><forge-tooltip delay=\"500\" position=\"bottom\">View profile</forge-tooltip></forge-icon-button></template>';
|
|
18
19
|
/**
|
|
19
20
|
* The web component class behind the `<forge-app-bar-profile-button>` custom element.
|
|
@@ -32,6 +33,7 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
|
|
|
32
33
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_IMAGE_URL,
|
|
33
34
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT,
|
|
34
35
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT,
|
|
36
|
+
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_ICON,
|
|
35
37
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON,
|
|
36
38
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON,
|
|
37
39
|
APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON_TEXT,
|
|
@@ -65,6 +67,9 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
|
|
|
65
67
|
case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT:
|
|
66
68
|
this.avatarText = newValue;
|
|
67
69
|
break;
|
|
70
|
+
case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_ICON:
|
|
71
|
+
this.avatarIcon = newValue;
|
|
72
|
+
break;
|
|
68
73
|
case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON:
|
|
69
74
|
this.signOutButton = coerceBoolean(newValue);
|
|
70
75
|
break;
|
|
@@ -98,6 +103,9 @@ __decorate([
|
|
|
98
103
|
__decorate([
|
|
99
104
|
FoundationProperty()
|
|
100
105
|
], AppBarProfileButtonComponent.prototype, "avatarText", void 0);
|
|
106
|
+
__decorate([
|
|
107
|
+
FoundationProperty()
|
|
108
|
+
], AppBarProfileButtonComponent.prototype, "avatarIcon", void 0);
|
|
101
109
|
__decorate([
|
|
102
110
|
FoundationProperty()
|
|
103
111
|
], AppBarProfileButtonComponent.prototype, "signOutButton", void 0);
|
|
@@ -123,6 +131,7 @@ AppBarProfileButtonComponent = __decorate([
|
|
|
123
131
|
PopupComponent,
|
|
124
132
|
ProfileCardComponent,
|
|
125
133
|
IconButtonComponent,
|
|
134
|
+
IconComponent,
|
|
126
135
|
AvatarComponent,
|
|
127
136
|
TooltipComponent
|
|
128
137
|
]
|
|
@@ -9,6 +9,7 @@ export interface IProfileCardAdapter extends IBaseAdapter {
|
|
|
9
9
|
setFullName(value: string): void;
|
|
10
10
|
setEmail(value: string): void;
|
|
11
11
|
setAvatarText(value: string): void;
|
|
12
|
+
setAvatarIcon(value: string): void;
|
|
12
13
|
setAvatarImageUrl(value: string): void;
|
|
13
14
|
setAvatarLetterCount(count: number): void;
|
|
14
15
|
setActionToolbarVisibility(isVisible: boolean): void;
|
|
@@ -34,6 +35,7 @@ export declare class ProfileCardAdapter extends BaseAdapter<IProfileCardComponen
|
|
|
34
35
|
setFullName(value: string): void;
|
|
35
36
|
setEmail(value: string): void;
|
|
36
37
|
setAvatarText(value: string): void;
|
|
38
|
+
setAvatarIcon(value: string): void;
|
|
37
39
|
setAvatarImageUrl(value: string): void;
|
|
38
40
|
setAvatarLetterCount(count: number): void;
|
|
39
41
|
setActionToolbarVisibility(isVisible: boolean): void;
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import { getShadowElement } from '@tylertech/forge-core';
|
|
6
|
+
import { getShadowElement, removeAllChildren } from '@tylertech/forge-core';
|
|
7
7
|
import { BaseAdapter } from '../core/base/base-adapter';
|
|
8
|
+
import { IconComponentDelegate } from '../icon';
|
|
8
9
|
import { PROFILE_CARD_CONSTANTS } from './profile-card-constants';
|
|
9
10
|
export class ProfileCardAdapter extends BaseAdapter {
|
|
10
11
|
constructor(component) {
|
|
@@ -27,6 +28,16 @@ export class ProfileCardAdapter extends BaseAdapter {
|
|
|
27
28
|
setAvatarText(value) {
|
|
28
29
|
this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT, value);
|
|
29
30
|
this._avatarElement.text = value;
|
|
31
|
+
removeAllChildren(this._avatarElement);
|
|
32
|
+
}
|
|
33
|
+
setAvatarIcon(value) {
|
|
34
|
+
if (value) {
|
|
35
|
+
const iconDelegate = new IconComponentDelegate({ props: { name: value } });
|
|
36
|
+
this._avatarElement.replaceChildren(iconDelegate.element);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
removeAllChildren(this._avatarElement);
|
|
40
|
+
}
|
|
30
41
|
}
|
|
31
42
|
setAvatarImageUrl(value) {
|
|
32
43
|
this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL, value);
|
|
@@ -11,6 +11,7 @@ export interface IProfileCardFoundation extends ICustomElementFoundation {
|
|
|
11
11
|
signOut: boolean;
|
|
12
12
|
profile: boolean;
|
|
13
13
|
avatarText: string;
|
|
14
|
+
avatarIcon: string;
|
|
14
15
|
avatarImageUrl: string;
|
|
15
16
|
avatarLetterCount: number;
|
|
16
17
|
}
|
|
@@ -19,6 +20,7 @@ export declare class ProfileCardFoundation implements IProfileCardFoundation {
|
|
|
19
20
|
private _fullName;
|
|
20
21
|
private _email;
|
|
21
22
|
private _avatarText;
|
|
23
|
+
private _avatarIcon;
|
|
22
24
|
private _avatarImageUrl;
|
|
23
25
|
private _avatarLetterCount;
|
|
24
26
|
private _showSignOutButton;
|
|
@@ -39,6 +41,8 @@ export declare class ProfileCardFoundation implements IProfileCardFoundation {
|
|
|
39
41
|
set email(value: string);
|
|
40
42
|
get avatarText(): string;
|
|
41
43
|
set avatarText(value: string);
|
|
44
|
+
get avatarIcon(): string;
|
|
45
|
+
set avatarIcon(value: string);
|
|
42
46
|
get avatarImageUrl(): string;
|
|
43
47
|
set avatarImageUrl(value: string);
|
|
44
48
|
get avatarLetterCount(): number;
|
|
@@ -73,6 +73,15 @@ export class ProfileCardFoundation {
|
|
|
73
73
|
this._adapter.setAvatarText(this._avatarText);
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
+
get avatarIcon() {
|
|
77
|
+
return this._avatarIcon;
|
|
78
|
+
}
|
|
79
|
+
set avatarIcon(value) {
|
|
80
|
+
if (this._avatarIcon !== value) {
|
|
81
|
+
this._avatarIcon = value;
|
|
82
|
+
this._adapter.setAvatarIcon(this._avatarIcon);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
76
85
|
get avatarImageUrl() {
|
|
77
86
|
return this._avatarImageUrl;
|
|
78
87
|
}
|
|
@@ -12,6 +12,7 @@ export interface IProfileCardComponent extends IBaseComponent {
|
|
|
12
12
|
signOutText: string;
|
|
13
13
|
profileText: string;
|
|
14
14
|
avatarText: string;
|
|
15
|
+
avatarIcon: string;
|
|
15
16
|
avatarImageUrl: string;
|
|
16
17
|
avatarLetterCount: number;
|
|
17
18
|
}
|
|
@@ -42,6 +43,7 @@ export declare class ProfileCardComponent extends BaseComponent implements IProf
|
|
|
42
43
|
signOutText: string;
|
|
43
44
|
profileText: string;
|
|
44
45
|
avatarText: string;
|
|
46
|
+
avatarIcon: string;
|
|
45
47
|
avatarImageUrl: string;
|
|
46
48
|
avatarLetterCount: number;
|
|
47
49
|
}
|
|
@@ -34,6 +34,7 @@ let ProfileCardComponent = class ProfileCardComponent extends BaseComponent {
|
|
|
34
34
|
PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT_TEXT,
|
|
35
35
|
PROFILE_CARD_CONSTANTS.attributes.PROFILE_TEXT,
|
|
36
36
|
PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT,
|
|
37
|
+
PROFILE_CARD_CONSTANTS.attributes.AVATAR_ICON,
|
|
37
38
|
PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL,
|
|
38
39
|
PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT
|
|
39
40
|
];
|
|
@@ -64,6 +65,9 @@ let ProfileCardComponent = class ProfileCardComponent extends BaseComponent {
|
|
|
64
65
|
case PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT:
|
|
65
66
|
this.avatarText = newValue;
|
|
66
67
|
break;
|
|
68
|
+
case PROFILE_CARD_CONSTANTS.attributes.AVATAR_ICON:
|
|
69
|
+
this.avatarIcon = newValue;
|
|
70
|
+
break;
|
|
67
71
|
case PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL:
|
|
68
72
|
this.avatarImageUrl = newValue;
|
|
69
73
|
break;
|
|
@@ -94,6 +98,9 @@ __decorate([
|
|
|
94
98
|
__decorate([
|
|
95
99
|
FoundationProperty()
|
|
96
100
|
], ProfileCardComponent.prototype, "avatarText", void 0);
|
|
101
|
+
__decorate([
|
|
102
|
+
FoundationProperty()
|
|
103
|
+
], ProfileCardComponent.prototype, "avatarIcon", void 0);
|
|
97
104
|
__decorate([
|
|
98
105
|
FoundationProperty()
|
|
99
106
|
], ProfileCardComponent.prototype, "avatarImageUrl", void 0);
|
|
@@ -14,7 +14,7 @@ import { SplitViewPanelAdapter } from './split-view-panel-adapter';
|
|
|
14
14
|
import { IconComponent, IconRegistry } from '../../icon';
|
|
15
15
|
import { RippleComponent } from '../../ripple';
|
|
16
16
|
const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-ripple id=\"ripple\" part=\"ripple\"></forge-ripple></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
|
|
17
|
-
const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udzy8qi;animation-name:udzy8qi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udzy8qi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes udzy8qi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:udzy8qq;animation-name:udzy8qq;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udzy8qq{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes udzy8qq{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udzy8r2;animation-name:udzy8r2;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udzy8r2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes udzy8r2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:udzy8rw;animation-name:udzy8rw;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udzy8rw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes udzy8rw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udzy8sk;animation-name:udzy8sk;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udzy8sk{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes udzy8sk{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:udzy8sn;animation-name:udzy8sn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udzy8sn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes udzy8sn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udzy8t5;animation-name:udzy8t5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udzy8t5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes udzy8t5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:udzy8ts;animation-name:udzy8ts;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udzy8ts{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes udzy8ts{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
|
|
17
|
+
const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:utlyfvf;animation-name:utlyfvf;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes utlyfvf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes utlyfvf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:utlyfw4;animation-name:utlyfw4;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes utlyfw4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes utlyfw4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:utlyfwc;animation-name:utlyfwc;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes utlyfwc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes utlyfwc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:utlyfwy;animation-name:utlyfwy;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes utlyfwy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes utlyfwy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:utlyfx9;animation-name:utlyfx9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes utlyfx9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes utlyfx9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:utlyfxr;animation-name:utlyfxr;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes utlyfxr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes utlyfxr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:utlyfxw;animation-name:utlyfxw;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes utlyfxw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes utlyfxw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:utlyfys;animation-name:utlyfys;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes utlyfys{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes utlyfys{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
|
|
18
18
|
/**
|
|
19
19
|
* The custom element class behind the `<forge-split-view-panel>` element.
|
|
20
20
|
*
|
package/esm/stack/stack.js
CHANGED
|
@@ -10,7 +10,7 @@ import { StackFoundation } from './stack-foundation';
|
|
|
10
10
|
import { STACK_CONSTANTS } from './stack-constants';
|
|
11
11
|
import { BaseComponent } from '../core/base/base-component';
|
|
12
12
|
const template = '<template><div class=\"forge-stack\" part=\"root\"><slot></slot></div></template>';
|
|
13
|
-
const styles = '.forge-stack{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;gap:16px;gap:var(--forge-stack-gap,16px);height:100%;height:var(--forge-stack-height,100%)}.forge-stack ::slotted(*){-webkit-box-flex:var(--forge-stack-stretch,0);flex-grow:var(--forge-stack-stretch,0)}:host{display:block;height:100%}:host([inline]) .forge-stack{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;--forge-stack-height:auto}:host([inline][wrap]) .forge-stack{flex-wrap:wrap}:host([stretch]){--forge-stack-stretch:1}:host([alignment=start]) .forge-stack{-webkit-box-pack:start;justify-content:start}:host([alignment=center]) .forge-stack{-webkit-box-pack:center;justify-content:center}:host([alignment=end]) .forge-stack{-webkit-box-pack:end;justify-content:end}';
|
|
13
|
+
const styles = '.forge-stack{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;gap:16px;gap:var(--forge-stack-gap,16px);height:100%;height:var(--forge-stack-height,100%)}.forge-stack ::slotted(*){-webkit-box-flex:var(--forge-stack-stretch,0);flex-grow:var(--forge-stack-stretch,0)}:host{display:block;height:100%}:host([inline]){height:auto}:host([inline]) .forge-stack{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;--forge-stack-height:auto}:host([inline][wrap]) .forge-stack{flex-wrap:wrap}:host([stretch]){--forge-stack-stretch:1}:host([alignment=start]) .forge-stack{-webkit-box-pack:start;justify-content:start}:host([alignment=center]) .forge-stack{-webkit-box-pack:center;justify-content:center}:host([alignment=end]) .forge-stack{-webkit-box-pack:end;justify-content:end}';
|
|
14
14
|
/**
|
|
15
15
|
* The custom element class behind the `<forge-stack>` component.
|
|
16
16
|
*
|
package/package.json
CHANGED
package/styles/stack/stack.scss
CHANGED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as s,d as R}from"./chunk.U724KSZU.js";import{a as u,d as P}from"./chunk.SXTTEIIH.js";import{a as I,e as N}from"./chunk.V7WKXEZC.js";import{b as x}from"./chunk.7A6MX6CS.js";import{d as U}from"./chunk.4WPFFNLH.js";import{a as B}from"./chunk.YI4JTY4T.js";import{a as O}from"./chunk.G5MGGEFP.js";import{a as n}from"./chunk.KTGSZEAG.js";import{a as A,b as L}from"./chunk.BE7PZANN.js";import{a as g,d as E,h as f,l as C}from"./chunk.Y4GKBJGI.js";import{c as v,s as b}from"./chunk.PN26D52V.js";import{h as m,k as p,l as c}from"./chunk.J2M2MXP2.js";import{f as o}from"./chunk.MCIQXNKY.js";var S=`${L}app-bar-profile-button`,F={FULL_NAME:"full-name",EMAIL:"email",AVATAR_IMAGE_URL:"avatar-image-url",AVATAR_LETTER_COUNT:"avatar-letter-count",AVATAR_TEXT:"avatar-text",SIGN_OUT_BUTTON:"sign-out-button",PROFILE_BUTTON:"profile-button",SIGN_OUT_BUTTON_TEXT:"sign-out-button-text",PROFILE_BUTTON_TEXT:"profile-button-text",OPEN:"open"},w={BUTTON:"button"},i={elementName:S,attributes:F,selectors:w};var _=class extends O{constructor(e){super(e)}initialize(){this._avatarElement=f(this._component,u.elementName),this._buttonElement=f(this._component,i.selectors.BUTTON)}setClickListener(e){this._component.addEventListener("click",e)}removeClickListener(e){this._component.removeEventListener("click",e)}openPopup(e,l,a,k,T){return this._profileCardElement=document.createElement(s.elementName),this._profileCardElement.fullName=e.fullName,this._profileCardElement.email=e.email,this._profileCardElement.signOut=e.signOut,this._profileCardElement.profile=e.profile,this._profileCardElement.signOutText=e.signOutButtonText,this._profileCardElement.profileText=e.profileButtonText,this._profileCardElement.avatarText=e.avatarText,this._profileCardElement.avatarImageUrl=e.avatarImageUrl,this._profileCardElement.avatarLetterCount=e.avatarLetterCount,this._profileCardElement.addEventListener(s.events.PROFILE,()=>a()),this._profileCardElement.addEventListener(s.events.SIGN_OUT,()=>k()),T&&this._profileCardElement.appendChild(T),this._popupElement=document.createElement(I.elementName),this._popupElement.targetElement=this._component,this._popupElement.placement="bottom-end",this._popupElement.animationType="menu",this._popupElement.appendChild(this._profileCardElement),this._popupElement.open=!0,v(this._popupElement,y=>{!this._popupElement||this._component.contains(b())||l()},!0)}closePopup(){this._popupElement&&(this._popupElement.open=!1,this._popupElement=void 0,this._profileCardElement=void 0)}requestFocus(){this._buttonElement.focus()}setAvatarText(e){this._avatarElement.text=e}setAvatarLetterCount(e){this._avatarElement.letterCount=e}setAvatarImageUrl(e){this._avatarElement.imageUrl=e}setSignOutButtonText(e){var l;this._profileCardElement&&(this._profileCardElement.signOutText=e,(l=this._popupElement)==null||l.position())}setProfileButtonText(e){var l;this._profileCardElement&&(this._profileCardElement.profileText=e,(l=this._popupElement)==null||l.position())}};var d=class{constructor(t){this._adapter=t;this._avatarLetterCount=u.numbers.DEFAULT_LETTER_COUNT;this._showSignOutButton=s.defaults.SHOW_SIGN_OUT_BUTTON;this._showProfileButton=s.defaults.SHOW_PROFILE_BUTTON;this._signOutButtonText=s.defaults.SIGN_OUT_BUTTON_TEXT;this._profileButtonText=s.defaults.PROFILE_BUTTON_TEXT;this._open=!1;this._isInitialized=!1;this._clickListener=e=>this._onClick(e),this._dismissListener=()=>this._onDimiss(),this._keydownListener=e=>this._onKeydown(e),this._profileButtonListener=()=>this._onProfileButtonClick(),this._signOutButtonListener=()=>this._onSignOutButtonClick()}initialize(){this._adapter.initialize(),this._adapter.setClickListener(this._clickListener),this._adapter.setAvatarImageUrl(this._avatarImageUrl),this._adapter.setAvatarLetterCount(this._avatarLetterCount),this._adapter.setAvatarText(this._avatarText),this._isInitialized=!0}disconnect(){this._open&&this._closeDropdown(),this._adapter.removeWindowListener("keydown",this._keydownListener),this._adapter.removeClickListener(this._clickListener),this._isInitialized=!1}_onClick(t){this._open?this._closeDropdown():this._openDropdown()}_onKeydown(t){(t.key==="Escape"||t.keyCode===27)&&(this._closeDropdown(),this._adapter.requestFocus())}_onDimiss(){B.WEBKIT?window.requestAnimationFrame(()=>this._closeDropdown()):this._closeDropdown()}_onProfileButtonClick(){this._adapter.emitHostEvent(s.events.PROFILE),this._closeDropdown(),this._adapter.requestFocus()}_onSignOutButtonClick(){this._adapter.emitHostEvent(s.events.SIGN_OUT),this._closeDropdown(),this._adapter.requestFocus()}_openDropdown(){if(this._open)return;m(this._cancelDismissListener)&&this._cancelDismissListener();let t={fullName:this._fullName,email:this._email,signOut:this._showSignOutButton,profile:this._showProfileButton,signOutButtonText:this._signOutButtonText,profileButtonText:this._profileButtonText,avatarText:this._avatarText,avatarImageUrl:this._avatarImageUrl,avatarLetterCount:this._avatarLetterCount},e=this._profileCardBuilder?this._profileCardBuilder():void 0;this._cancelDismissListener=this._adapter.openPopup(t,this._dismissListener,this._profileButtonListener,this._signOutButtonListener,e),this._adapter.addWindowListener("keydown",this._keydownListener),this._open=!0,!t.signOut&&!t.profile&&this._adapter.requestFocus()}_closeDropdown(){!this._open||(m(this._cancelDismissListener)&&this._cancelDismissListener(),this._open=!1,this._adapter.removeWindowListener("keydown",this._keydownListener),this._adapter.closePopup())}get fullName(){return this._fullName}set fullName(t){this._fullName!==t&&(this._fullName=t,this._adapter.setHostAttribute(i.attributes.FULL_NAME,this._fullName))}get email(){return this._email}set email(t){this._email!==t&&(this._email=t,this._adapter.setHostAttribute(i.attributes.EMAIL,this._email))}get avatarImageUrl(){return this._avatarImageUrl}set avatarImageUrl(t){this._avatarImageUrl!==t&&(this._avatarImageUrl=t,this._isInitialized&&(this._adapter.setAvatarImageUrl(this._avatarImageUrl),this._adapter.setHostAttribute(i.attributes.AVATAR_IMAGE_URL,this._avatarImageUrl)))}get avatarLetterCount(){return this._avatarLetterCount}set avatarLetterCount(t){this._avatarLetterCount!==t&&(this._avatarLetterCount=t,this._isInitialized&&(this._adapter.setAvatarLetterCount(this._avatarLetterCount),this._adapter.setHostAttribute(i.attributes.AVATAR_LETTER_COUNT,this._avatarLetterCount)))}get avatarText(){return this._avatarText}set avatarText(t){this._avatarText!==t&&(this._avatarText=t,this._isInitialized&&(this._adapter.setAvatarText(this._avatarText),this._adapter.setHostAttribute(i.attributes.AVATAR_TEXT,this._avatarText)))}get signOutButton(){return this._showSignOutButton}set signOutButton(t){this._showSignOutButton!==t&&(this._showSignOutButton=t,this._adapter.setHostAttribute(i.attributes.SIGN_OUT_BUTTON,this._showSignOutButton))}get profileButton(){return this._showProfileButton}set profileButton(t){this._showProfileButton!==t&&(this._showProfileButton=t,this._adapter.setHostAttribute(i.attributes.PROFILE_BUTTON,this._showProfileButton))}get signOutButtonText(){return this._signOutButtonText}set signOutButtonText(t){this._signOutButtonText!==t&&(this._signOutButtonText=t,this._adapter.setSignOutButtonText(t))}get profileButtonText(){return this._profileButtonText}set profileButtonText(t){this._profileButtonText!==t&&(this._profileButtonText=t,this._adapter.setProfileButtonText(t))}get open(){return this._open}set open(t){this._open!==t&&(t?this._openDropdown():this._closeDropdown())}get profileCardBuilder(){return this._profileCardBuilder}set profileCardBuilder(t){this._profileCardBuilder=t}};var M='<template><forge-icon-button><button type="button" aria-label="View profile card"><forge-avatar aria-hidden="true"></forge-avatar></button><forge-tooltip delay="500" position="bottom">View profile</forge-tooltip></forge-icon-button></template>',r=class extends C{constructor(){super();this._foundation=new d(new _(this))}static get observedAttributes(){return[i.attributes.FULL_NAME,i.attributes.EMAIL,i.attributes.AVATAR_IMAGE_URL,i.attributes.AVATAR_LETTER_COUNT,i.attributes.AVATAR_TEXT,i.attributes.SIGN_OUT_BUTTON,i.attributes.PROFILE_BUTTON,i.attributes.SIGN_OUT_BUTTON_TEXT,i.attributes.PROFILE_BUTTON_TEXT,i.attributes.OPEN]}initializedCallback(){E(this,M)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,l,a){switch(e){case i.attributes.FULL_NAME:this.fullName=a;break;case i.attributes.EMAIL:this.email=a;break;case i.attributes.AVATAR_IMAGE_URL:this.avatarImageUrl=a;break;case i.attributes.AVATAR_LETTER_COUNT:this.avatarLetterCount=c(a);break;case i.attributes.AVATAR_TEXT:this.avatarText=a;break;case i.attributes.SIGN_OUT_BUTTON:this.signOutButton=p(a);break;case i.attributes.PROFILE_BUTTON:this.profileButton=p(a);break;case i.attributes.SIGN_OUT_BUTTON_TEXT:this.signOutButtonText=a;break;case i.attributes.PROFILE_BUTTON_TEXT:this.profileButtonText=a;break;case i.attributes.OPEN:this.open=p(a);break}}};o([n()],r.prototype,"fullName",2),o([n()],r.prototype,"email",2),o([n()],r.prototype,"avatarImageUrl",2),o([n()],r.prototype,"avatarLetterCount",2),o([n()],r.prototype,"avatarText",2),o([n()],r.prototype,"signOutButton",2),o([n()],r.prototype,"profileButton",2),o([n()],r.prototype,"signOutButtonText",2),o([n()],r.prototype,"profileButtonText",2),o([n()],r.prototype,"open",2),o([n()],r.prototype,"profileCardBuilder",2),r=o([A({name:i.elementName,dependencies:[N,R,x,P,U]})],r);function Ot(){g(r)}export{i as a,_ as b,d as c,r as d,Ot as e};
|
|
7
|
-
//# sourceMappingURL=chunk.73AYD2BF.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/app-bar/profile-button/app-bar-profile-button-constants.ts", "../../src/app-bar/profile-button/app-bar-profile-button-adapter.ts", "../../src/app-bar/profile-button/app-bar-profile-button-foundation.ts", "../../src/app-bar/profile-button/app-bar-profile-button.ts", "../../src/app-bar/profile-button/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-profile-button`;\n\nconst attributes = {\n FULL_NAME: 'full-name',\n EMAIL: 'email',\n AVATAR_IMAGE_URL: 'avatar-image-url',\n AVATAR_LETTER_COUNT: 'avatar-letter-count',\n AVATAR_TEXT: 'avatar-text',\n SIGN_OUT_BUTTON: 'sign-out-button',\n PROFILE_BUTTON: 'profile-button',\n SIGN_OUT_BUTTON_TEXT: 'sign-out-button-text',\n PROFILE_BUTTON_TEXT: 'profile-button-text',\n OPEN: 'open'\n};\n\nconst selectors = {\n BUTTON: 'button'\n};\n\nexport const APP_BAR_PROFILE_BUTTON_CONSTANTS = {\n elementName,\n attributes,\n selectors\n};\n\nexport interface IAppBarProfileCardConfig {\n fullName: string;\n email: string;\n signOut: boolean;\n profile: boolean;\n signOutButtonText: string;\n profileButtonText: string;\n avatarText: string;\n avatarImageUrl: string;\n avatarLetterCount: number;\n}\n\nexport type AppBarProfileButtonProfileCardBuilder = () => HTMLElement;\n", "import { getLightElement, notChildEventListener, getActiveElement } from '@tylertech/forge-core';\nimport { AVATAR_CONSTANTS, IAvatarComponent } from '../../avatar';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IPopupComponent, PopupAnimationType, PopupPlacement, POPUP_CONSTANTS } from '../../popup';\nimport { IProfileCardComponent, PROFILE_CARD_CONSTANTS } from '../../profile-card';\nimport { IAppBarProfileButtonComponent } from './app-bar-profile-button';\nimport { IAppBarProfileCardConfig, APP_BAR_PROFILE_BUTTON_CONSTANTS } from './app-bar-profile-button-constants';\n\nexport interface IAppBarProfileButtonAdapter extends IBaseAdapter {\n initialize(): void;\n setClickListener(listener: (evt: MouseEvent) => void): void;\n removeClickListener(listener: (evt: MouseEvent) => void): void;\n openPopup(profileCardConfig: IAppBarProfileCardConfig, dismissListener: () => void, profileListener: () => void, signOutListener: () => void, profileCardContent?: HTMLElement): () => void;\n closePopup(): void;\n requestFocus(): void;\n setAvatarText(value: string): void;\n setAvatarLetterCount(value: number): void;\n setAvatarImageUrl(value: string): void;\n setSignOutButtonText(value: string): void;\n setProfileButtonText(value: string): void;\n}\n\nexport class AppBarProfileButtonAdapter extends BaseAdapter<IAppBarProfileButtonComponent> implements IAppBarProfileButtonAdapter {\n private _avatarElement: IAvatarComponent;\n private _buttonElement: HTMLButtonElement;\n private _popupElement?: IPopupComponent;\n private _profileCardElement?: IProfileCardComponent;\n\n constructor(component: IAppBarProfileButtonComponent) {\n super(component);\n }\n\n public initialize(): void {\n this._avatarElement = getLightElement(this._component, AVATAR_CONSTANTS.elementName) as IAvatarComponent;\n this._buttonElement = getLightElement(this._component, APP_BAR_PROFILE_BUTTON_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n }\n\n public setClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.addEventListener('click', listener);\n }\n\n public removeClickListener(listener: (evt: MouseEvent) => void): void {\n this._component.removeEventListener('click', listener);\n }\n\n public openPopup(profileCardConfig: IAppBarProfileCardConfig, dismissListener: () => void, profileListener: () => void, signOutListener: () => void, profileCardContent?: HTMLElement): () => void {\n this._profileCardElement = document.createElement(PROFILE_CARD_CONSTANTS.elementName);\n this._profileCardElement.fullName = profileCardConfig.fullName;\n this._profileCardElement.email = profileCardConfig.email;\n this._profileCardElement.signOut = profileCardConfig.signOut;\n this._profileCardElement.profile = profileCardConfig.profile;\n this._profileCardElement.signOutText = profileCardConfig.signOutButtonText;\n this._profileCardElement.profileText = profileCardConfig.profileButtonText;\n this._profileCardElement.avatarText = profileCardConfig.avatarText;\n this._profileCardElement.avatarImageUrl = profileCardConfig.avatarImageUrl;\n this._profileCardElement.avatarLetterCount = profileCardConfig.avatarLetterCount;\n this._profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.PROFILE, () => profileListener());\n this._profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.SIGN_OUT, () => signOutListener());\n\n if (profileCardContent) {\n this._profileCardElement.appendChild(profileCardContent);\n }\n\n this._popupElement = document.createElement(POPUP_CONSTANTS.elementName);\n this._popupElement.targetElement = this._component;\n this._popupElement.placement = 'bottom-end';\n this._popupElement.animationType = PopupAnimationType.Menu;\n this._popupElement.appendChild(this._profileCardElement);\n this._popupElement.open = true;\n\n return notChildEventListener(this._popupElement, activeElement => {\n if (!this._popupElement) {\n return;\n }\n if (!this._component.contains(getActiveElement())) {\n dismissListener();\n }\n }, true);\n }\n\n public closePopup(): void {\n if (this._popupElement) {\n this._popupElement.open = false;\n this._popupElement = undefined;\n this._profileCardElement = undefined;\n }\n }\n\n public requestFocus(): void {\n this._buttonElement.focus();\n }\n\n public setAvatarText(value: string): void {\n this._avatarElement.text = value;\n }\n\n public setAvatarLetterCount(value: number): void {\n this._avatarElement.letterCount = value;\n }\n\n public setAvatarImageUrl(value: string): void {\n this._avatarElement.imageUrl = value;\n }\n\n public setSignOutButtonText(value: string): void {\n if (this._profileCardElement) {\n this._profileCardElement.signOutText = value;\n this._popupElement?.position();\n }\n }\n\n public setProfileButtonText(value: string): void {\n if (this._profileCardElement) {\n this._profileCardElement.profileText = value;\n this._popupElement?.position();\n }\n }\n}\n", "import { ICustomElementFoundation, isFunction, Platform, getActiveElement } from '@tylertech/forge-core';\nimport { AVATAR_CONSTANTS } from '../../avatar';\nimport { PROFILE_CARD_CONSTANTS } from '../../profile-card';\nimport { IAppBarProfileButtonAdapter } from './app-bar-profile-button-adapter';\nimport { IAppBarProfileCardConfig, AppBarProfileButtonProfileCardBuilder, APP_BAR_PROFILE_BUTTON_CONSTANTS } from './app-bar-profile-button-constants';\n\nexport interface IAppBarProfileButtonFoundation extends ICustomElementFoundation {\n fullName: string;\n email: string;\n avatarImageUrl: string;\n avatarLetterCount: number;\n avatarText: string;\n signOutButton: boolean;\n profileButton: boolean;\n signOutButtonText: string;\n profileButtonText: string;\n open: boolean;\n profileCardBuilder: AppBarProfileButtonProfileCardBuilder;\n}\n\nexport class AppBarProfileButtonFoundation implements IAppBarProfileButtonFoundation {\n private _fullName: string;\n private _email: string;\n private _avatarImageUrl: string;\n private _avatarLetterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;\n private _avatarText: string;\n private _showSignOutButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_SIGN_OUT_BUTTON;\n private _showProfileButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_PROFILE_BUTTON;\n private _signOutButtonText = PROFILE_CARD_CONSTANTS.defaults.SIGN_OUT_BUTTON_TEXT;\n private _profileButtonText = PROFILE_CARD_CONSTANTS.defaults.PROFILE_BUTTON_TEXT;\n private _profileCardBuilder: AppBarProfileButtonProfileCardBuilder;\n private _open = false;\n private _isInitialized = false;\n private _clickListener: (evt: MouseEvent) => void;\n private _dismissListener: () => void;\n private _cancelDismissListener: () => void;\n private _keydownListener: (evt: KeyboardEvent) => void;\n private _profileButtonListener: () => void;\n private _signOutButtonListener: () => void;\n\n constructor(private _adapter: IAppBarProfileButtonAdapter) {\n this._clickListener = evt => this._onClick(evt);\n this._dismissListener = () => this._onDimiss();\n this._keydownListener = evt => this._onKeydown(evt);\n this._profileButtonListener = () => this._onProfileButtonClick();\n this._signOutButtonListener = () => this._onSignOutButtonClick();\n }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setAvatarImageUrl(this._avatarImageUrl);\n this._adapter.setAvatarLetterCount(this._avatarLetterCount);\n this._adapter.setAvatarText(this._avatarText);\n this._isInitialized = true;\n }\n\n public disconnect(): void {\n if (this._open) {\n this._closeDropdown();\n }\n this._adapter.removeWindowListener('keydown', this._keydownListener);\n this._adapter.removeClickListener(this._clickListener);\n this._isInitialized = false;\n }\n\n private _onClick(evt: MouseEvent): void {\n if (!this._open) {\n this._openDropdown();\n } else {\n this._closeDropdown();\n }\n }\n\n private _onKeydown(evt: KeyboardEvent): void {\n if (evt.key === 'Escape' || evt.keyCode === 27) {\n this._closeDropdown();\n this._adapter.requestFocus();\n }\n }\n\n private _onDimiss(): void {\n if (Platform.WEBKIT) {\n window.requestAnimationFrame(() => this._closeDropdown());\n } else {\n this._closeDropdown();\n }\n }\n\n private _onProfileButtonClick(): void {\n this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.PROFILE);\n this._closeDropdown();\n this._adapter.requestFocus();\n }\n\n private _onSignOutButtonClick(): void {\n this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.SIGN_OUT);\n this._closeDropdown();\n this._adapter.requestFocus();\n }\n\n private _openDropdown(): void {\n if (this._open) {\n return;\n }\n\n if (isFunction(this._cancelDismissListener)) {\n this._cancelDismissListener();\n }\n const profileCardConfig: IAppBarProfileCardConfig = {\n fullName: this._fullName,\n email: this._email,\n signOut: this._showSignOutButton,\n profile: this._showProfileButton,\n signOutButtonText: this._signOutButtonText,\n profileButtonText: this._profileButtonText,\n avatarText: this._avatarText,\n avatarImageUrl: this._avatarImageUrl,\n avatarLetterCount: this._avatarLetterCount\n };\n const profileCardContent = this._profileCardBuilder ? this._profileCardBuilder() : undefined;\n this._cancelDismissListener = this._adapter.openPopup(profileCardConfig, this._dismissListener, this._profileButtonListener, this._signOutButtonListener, profileCardContent);\n this._adapter.addWindowListener('keydown', this._keydownListener);\n this._open = true;\n\n // If we aren't showing the sign out or profile buttons then leave focus on our button\n if (!profileCardConfig.signOut && !profileCardConfig.profile) {\n this._adapter.requestFocus();\n }\n }\n\n private _closeDropdown(): void {\n if (!this._open) {\n return;\n }\n if (isFunction(this._cancelDismissListener)) {\n this._cancelDismissListener();\n }\n this._open = false;\n this._adapter.removeWindowListener('keydown', this._keydownListener);\n this._adapter.closePopup();\n }\n\n public get fullName(): string {\n return this._fullName;\n }\n public set fullName(value: string) {\n if (this._fullName !== value) {\n this._fullName = value;\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.FULL_NAME, this._fullName);\n }\n }\n\n public get email(): string {\n return this._email;\n }\n public set email(value: string) {\n if (this._email !== value) {\n this._email = value;\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.EMAIL, this._email);\n }\n }\n\n public get avatarImageUrl(): string {\n return this._avatarImageUrl;\n }\n public set avatarImageUrl(value: string) {\n if (this._avatarImageUrl !== value) {\n this._avatarImageUrl = value;\n if (this._isInitialized) {\n this._adapter.setAvatarImageUrl(this._avatarImageUrl);\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_IMAGE_URL, this._avatarImageUrl);\n }\n }\n }\n\n public get avatarLetterCount(): number {\n return this._avatarLetterCount;\n }\n public set avatarLetterCount(value: number) {\n if (this._avatarLetterCount !== value) {\n this._avatarLetterCount = value;\n if (this._isInitialized) {\n this._adapter.setAvatarLetterCount(this._avatarLetterCount);\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT, this._avatarLetterCount as any);\n }\n }\n }\n\n public get avatarText(): string {\n return this._avatarText;\n }\n public set avatarText(value: string) {\n if (this._avatarText !== value) {\n this._avatarText = value;\n if (this._isInitialized) {\n this._adapter.setAvatarText(this._avatarText);\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT, this._avatarText);\n }\n }\n }\n\n public get signOutButton(): boolean {\n return this._showSignOutButton;\n }\n public set signOutButton(value: boolean) {\n if (this._showSignOutButton !== value) {\n this._showSignOutButton = value;\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON, this._showSignOutButton as any);\n }\n }\n\n public get profileButton(): boolean {\n return this._showProfileButton;\n }\n public set profileButton(value: boolean) {\n if (this._showProfileButton !== value) {\n this._showProfileButton = value;\n this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON, this._showProfileButton as any);\n }\n }\n\n public get signOutButtonText(): string {\n return this._signOutButtonText;\n }\n public set signOutButtonText(value: string) {\n if (this._signOutButtonText !== value) {\n this._signOutButtonText = value;\n this._adapter.setSignOutButtonText(value);\n }\n }\n\n public get profileButtonText(): string {\n return this._profileButtonText;\n }\n public set profileButtonText(value: string) {\n if (this._profileButtonText !== value) {\n this._profileButtonText = value;\n this._adapter.setProfileButtonText(value);\n }\n }\n\n public get open(): boolean {\n return this._open;\n }\n public set open(value: boolean) {\n if (this._open !== value) {\n if (value) {\n this._openDropdown();\n } else {\n this._closeDropdown();\n }\n }\n }\n\n public get profileCardBuilder(): AppBarProfileButtonProfileCardBuilder {\n return this._profileCardBuilder;\n }\n public set profileCardBuilder(fn: AppBarProfileButtonProfileCardBuilder) {\n this._profileCardBuilder = fn;\n }\n}\n", "import { CustomElement, attachLightTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { AppBarProfileButtonAdapter } from './app-bar-profile-button-adapter';\nimport { AppBarProfileButtonFoundation } from './app-bar-profile-button-foundation';\nimport { APP_BAR_PROFILE_BUTTON_CONSTANTS, AppBarProfileButtonProfileCardBuilder } from './app-bar-profile-button-constants';\nimport { ProfileCardComponent } from '../../profile-card';\nimport { IconButtonComponent } from '../../icon-button';\nimport { AvatarComponent } from '../../avatar';\nimport { PopupComponent } from '../../popup';\nimport { TooltipComponent } from '../../tooltip';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><forge-icon-button><button type=\\\"button\\\" aria-label=\\\"View profile card\\\"><forge-avatar aria-hidden=\\\"true\\\"></forge-avatar></button><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\">View profile</forge-tooltip></forge-icon-button></template>';\n\nexport interface IAppBarProfileButtonComponent extends IBaseComponent {\n avatarImageUrl: string;\n avatarLetterCount: number;\n avatarText: string;\n fullName: string;\n email: string;\n signOutButton: boolean;\n profileButton: boolean;\n signOutButtonText: string;\n profileButtonText: string;\n open: boolean;\n profileCardBuilder: (fn: AppBarProfileButtonProfileCardBuilder) => void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-profile-button': IAppBarProfileButtonComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-profile-button>` custom element.\n * \n * @tag forge-app-bar-profile-button\n */\n@CustomElement({\n name: APP_BAR_PROFILE_BUTTON_CONSTANTS.elementName,\n dependencies: [\n PopupComponent,\n ProfileCardComponent,\n IconButtonComponent,\n AvatarComponent,\n TooltipComponent\n ]\n})\nexport class AppBarProfileButtonComponent extends BaseComponent implements IAppBarProfileButtonComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.FULL_NAME,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.EMAIL,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_IMAGE_URL,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON_TEXT,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON_TEXT,\n APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN\n ];\n }\n\n private _foundation: AppBarProfileButtonFoundation;\n\n constructor() {\n super();\n this._foundation = new AppBarProfileButtonFoundation(new AppBarProfileButtonAdapter(this));\n }\n\n public initializedCallback(): void {\n attachLightTemplate(this, template);\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.FULL_NAME:\n this.fullName = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.EMAIL:\n this.email = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_IMAGE_URL:\n this.avatarImageUrl = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_LETTER_COUNT:\n this.avatarLetterCount = coerceNumber(newValue);\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT:\n this.avatarText = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON:\n this.signOutButton = coerceBoolean(newValue);\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON:\n this.profileButton = coerceBoolean(newValue);\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON_TEXT:\n this.signOutButtonText = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON_TEXT:\n this.profileButtonText = newValue;\n break;\n case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN:\n this.open = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare fullName: string;\n\n @FoundationProperty()\n public declare email: string;\n\n @FoundationProperty()\n public declare avatarImageUrl: string;\n\n @FoundationProperty()\n public declare avatarLetterCount: number;\n\n @FoundationProperty()\n public declare avatarText: string;\n\n @FoundationProperty()\n public declare signOutButton: boolean;\n\n @FoundationProperty()\n public declare profileButton: boolean;\n\n @FoundationProperty()\n public declare signOutButtonText: string;\n\n @FoundationProperty()\n public declare profileButtonText: string;\n\n @FoundationProperty()\n public declare open: boolean;\n\n /** Sets the profile card builder callback that will be used to add extra content to the profile card. */\n @FoundationProperty()\n public declare profileCardBuilder: AppBarProfileButtonProfileCardBuilder;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarProfileButtonComponent } from './app-bar-profile-button';\n\nexport * from './app-bar-profile-button-adapter';\nexport * from './app-bar-profile-button-constants';\nexport * from './app-bar-profile-button-foundation';\nexport * from './app-bar-profile-button';\n\nexport function defineAppBarProfileButtonComponent(): void {\n defineCustomElement(AppBarProfileButtonComponent);\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "APP_BAR_PROFILE_BUTTON_CONSTANTS", "AppBarProfileButtonAdapter", "BaseAdapter", "component", "getLightElement", "AVATAR_CONSTANTS", "APP_BAR_PROFILE_BUTTON_CONSTANTS", "listener", "profileCardConfig", "dismissListener", "profileListener", "signOutListener", "profileCardContent", "PROFILE_CARD_CONSTANTS", "POPUP_CONSTANTS", "notChildEventListener", "activeElement", "getActiveElement", "value", "_a", "AppBarProfileButtonFoundation", "_adapter", "AVATAR_CONSTANTS", "PROFILE_CARD_CONSTANTS", "evt", "Platform", "isFunction", "profileCardConfig", "profileCardContent", "value", "APP_BAR_PROFILE_BUTTON_CONSTANTS", "fn", "template", "AppBarProfileButtonComponent", "BaseComponent", "AppBarProfileButtonFoundation", "AppBarProfileButtonAdapter", "APP_BAR_PROFILE_BUTTON_CONSTANTS", "attachLightTemplate", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "PopupComponent", "ProfileCardComponent", "IconButtonComponent", "AvatarComponent", "TooltipComponent", "defineAppBarProfileButtonComponent", "defineCustomElement", "AppBarProfileButtonComponent"]
|
|
7
|
-
}
|