@tylertech/forge 2.0.0

package/esm/app-bar/help-button/app-bar-help-button.js

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachLightTemplate, FoundationProperty } from '@tylertech/forge-core';
+import { tylIconHelp } from '@tylertech/tyler-icons/standard';
+import { MenuComponent } from '../../menu';
+import { AppBarHelpButtonAdapter } from './app-bar-help-button-adapter';
+import { AppBarHelpButtonFoundation } from './app-bar-help-button-foundation';
+import { APP_BAR_HELP_BUTTON_CONSTANTS } from './app-bar-help-button-constants';
+import { IconButtonComponent } from '../../icon-button';
+import { TooltipComponent } from '../../tooltip';
+import { IconComponent, IconRegistry } from '../../icon';
+import { BaseComponent } from '../../core/base/base-component';
+const template = '<template><forge-icon-button><forge-menu placement=\"bottom-end\"><button type=\"button\" aria-label=\"Open help menu\"><forge-icon name=\"help\"></forge-icon></button></forge-menu><forge-tooltip delay=\"500\" position=\"bottom\">Help</forge-tooltip></forge-icon-button></template>';
+let AppBarHelpButtonComponent = class AppBarHelpButtonComponent extends BaseComponent {
+    constructor() {
+        super();
+        IconRegistry.define(tylIconHelp);
+        this._foundation = new AppBarHelpButtonFoundation(new AppBarHelpButtonAdapter(this));
+    }
+    initializedCallback() {
+        attachLightTemplate(this, template);
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+};
+__decorate([
+    FoundationProperty()
+], AppBarHelpButtonComponent.prototype, "options", void 0);
+AppBarHelpButtonComponent = __decorate([
+    CustomElement({
+        name: APP_BAR_HELP_BUTTON_CONSTANTS.elementName,
+        dependencies: [
+            MenuComponent,
+            IconButtonComponent,
+            TooltipComponent,
+            IconComponent
+        ]
+    })
+], AppBarHelpButtonComponent);
+export { AppBarHelpButtonComponent };

package/esm/app-bar/help-button/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-help-button-adapter';
+export * from './app-bar-help-button-constants';
+export * from './app-bar-help-button-foundation';
+export * from './app-bar-help-button';
+export declare function defineAppBarHelpButtonComponent(): void;

package/esm/app-bar/help-button/index.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarHelpButtonComponent } from './app-bar-help-button';
+export * from './app-bar-help-button-adapter';
+export * from './app-bar-help-button-constants';
+export * from './app-bar-help-button-foundation';
+export * from './app-bar-help-button';
+export function defineAppBarHelpButtonComponent() {
+    defineCustomElement(AppBarHelpButtonComponent);
+}

package/esm/app-bar/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-adapter';
+export * from './app-bar-constants';
+export * from './app-bar-foundation';
+export * from './app-bar';
+export * from './search';
+export * from './menu-button';
+export * from './notification-button';
+export * from './help-button';
+export * from '../profile-card';
+export * from './profile-button';
+export declare function defineAppBarComponent(): void;

package/esm/app-bar/index.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarComponent } from './app-bar';
+export * from './app-bar-adapter';
+export * from './app-bar-constants';
+export * from './app-bar-foundation';
+export * from './app-bar';
+export * from './search';
+export * from './menu-button';
+export * from './notification-button';
+export * from './help-button';
+export * from '../profile-card';
+export * from './profile-button';
+export function defineAppBarComponent() {
+    defineCustomElement(AppBarComponent);
+}

package/esm/app-bar/menu-button/app-bar-menu-button-constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const APP_BAR_MENU_BUTTON_CONSTANTS: {
+    elementName: "forge-app-bar-menu-button";
+};

package/esm/app-bar/menu-button/app-bar-menu-button-constants.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}app-bar-menu-button`;
+export const APP_BAR_MENU_BUTTON_CONSTANTS = {
+    elementName
+};

package/esm/app-bar/menu-button/app-bar-menu-button.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+export interface IAppBarMenuButtonComponent extends IBaseComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-app-bar-menu-button': IAppBarMenuButtonComponent;
+    }
+}
+export declare class AppBarMenuButtonComponent extends BaseComponent implements IAppBarMenuButtonComponent {
+    constructor();
+    initializedCallback(): void;
+}

package/esm/app-bar/menu-button/app-bar-menu-button.js

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachLightTemplate } from '@tylertech/forge-core';
+import { APP_BAR_MENU_BUTTON_CONSTANTS } from './app-bar-menu-button-constants';
+import { IconButtonComponent } from '../../icon-button';
+import { TooltipComponent } from '../../tooltip';
+import { IconComponent, IconRegistry } from '../../icon';
+import { tylIconMenu } from '@tylertech/tyler-icons/standard';
+import { BaseComponent } from '../../core/base/base-component';
+const template = '<template><forge-icon-button style=\"width: 48px; height: 48px; display: flex; justify-content: center; align-items: center;\"><button type=\"button\" aria-label=\"Toggle navigation menu\"><forge-icon name=\"menu\"></forge-icon></button><forge-tooltip delay=\"500\" position=\"bottom\">Menu</forge-tooltip></forge-icon-button></template>';
+let AppBarMenuButtonComponent = class AppBarMenuButtonComponent extends BaseComponent {
+    constructor() {
+        super();
+        IconRegistry.define(tylIconMenu);
+    }
+    initializedCallback() {
+        attachLightTemplate(this, template);
+    }
+};
+AppBarMenuButtonComponent = __decorate([
+    CustomElement({
+        name: APP_BAR_MENU_BUTTON_CONSTANTS.elementName,
+        dependencies: [
+            IconButtonComponent,
+            TooltipComponent,
+            IconComponent
+        ]
+    })
+], AppBarMenuButtonComponent);
+export { AppBarMenuButtonComponent };

package/esm/app-bar/menu-button/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-menu-button-constants';
+export * from './app-bar-menu-button';
+export declare function defineAppBarMenuButtonComponent(): void;

package/esm/app-bar/menu-button/index.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarMenuButtonComponent } from './app-bar-menu-button';
+export * from './app-bar-menu-button-constants';
+export * from './app-bar-menu-button';
+export function defineAppBarMenuButtonComponent() {
+    defineCustomElement(AppBarMenuButtonComponent);
+}

package/esm/app-bar/notification-button/app-bar-notification-button-adapter.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IAppBarNotificationButtonComponent } from './app-bar-notification-button';
+export interface IAppBarNotificationButtonAdapter extends IBaseAdapter {
+    initialize(): void;
+    setCount(value: number): void;
+    setBadgeType(dot: boolean): void;
+    setBadgeTheme(theme: string): void;
+    setBadgeVisible(isVisible: boolean): void;
+}
+export declare class AppBarNotificationButtonAdapter extends BaseAdapter<IAppBarNotificationButtonComponent> implements IAppBarNotificationButtonAdapter {
+    private _badgeElement;
+    constructor(component: IAppBarNotificationButtonComponent);
+    initialize(): void;
+    setCount(value: number): void;
+    setBadgeType(dot: boolean): void;
+    setBadgeTheme(theme: string): void;
+    setBadgeVisible(isVisible: boolean): void;
+}

package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getLightElement, toggleAttribute } from '@tylertech/forge-core';
+import { BADGE_CONSTANTS } from '../../badge';
+import { BaseAdapter } from '../../core/base/base-adapter';
+export class AppBarNotificationButtonAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+    }
+    initialize() {
+        this._badgeElement = getLightElement(this._component, BADGE_CONSTANTS.elementName);
+    }
+    setCount(value) {
+        this._badgeElement.textContent = value;
+    }
+    setBadgeType(dot) {
+        this._badgeElement.dot = dot;
+    }
+    setBadgeTheme(theme) {
+        toggleAttribute(this._badgeElement, !!theme, BADGE_CONSTANTS.attributes.THEME, theme);
+    }
+    setBadgeVisible(isVisible) {
+        this._badgeElement.open = isVisible;
+    }
+}

package/esm/app-bar/notification-button/app-bar-notification-button-constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const APP_BAR_NOTIFICATION_BUTTON_CONSTANTS: {
+    elementName: "forge-app-bar-notification-button";
+    attributes: {
+        COUNT: string;
+        DOT: string;
+        THEME: string;
+        SHOW_BADGE: string;
+    };
+};

package/esm/app-bar/notification-button/app-bar-notification-button-constants.js

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}app-bar-notification-button`;
+const attributes = {
+    COUNT: 'count',
+    DOT: 'dot',
+    THEME: 'theme',
+    SHOW_BADGE: 'show-badge'
+};
+export const APP_BAR_NOTIFICATION_BUTTON_CONSTANTS = {
+    elementName,
+    attributes
+};

package/esm/app-bar/notification-button/app-bar-notification-button-foundation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IAppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';
+export interface IAppBarNotificationButtonFoundation extends ICustomElementFoundation {
+    count: number;
+    dot: boolean;
+    theme: string;
+    showBadge: boolean;
+}
+export declare class AppBarNotificationButtonFoundation implements IAppBarNotificationButtonFoundation {
+    private _adapter;
+    private _count;
+    private _dot;
+    private _theme;
+    private _showBadge;
+    private _isInitialized;
+    constructor(_adapter: IAppBarNotificationButtonAdapter);
+    initialize(): void;
+    disconnect(): void;
+    get count(): number;
+    set count(value: number);
+    get dot(): boolean;
+    set dot(value: boolean);
+    get theme(): string;
+    set theme(value: string);
+    get showBadge(): boolean;
+    set showBadge(value: boolean);
+}

package/esm/app-bar/notification-button/app-bar-notification-button-foundation.js

@@ -0,0 +1,79 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';
+export class AppBarNotificationButtonFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._count = 0;
+        this._dot = false;
+        this._showBadge = false;
+        this._isInitialized = false;
+    }
+    initialize() {
+        this._adapter.initialize();
+        this._adapter.setCount(this._count);
+        this._adapter.setBadgeType(this._dot);
+        this._adapter.setBadgeTheme(this._theme);
+        this._adapter.setBadgeVisible(this._showBadge);
+        this._isInitialized = true;
+    }
+    disconnect() {
+        this._isInitialized = false;
+    }
+    get count() {
+        return this._count;
+    }
+    set count(value) {
+        if (this._count !== value) {
+            this._count = value;
+            if (this._isInitialized) {
+                this._adapter.setCount(this._count);
+                this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT, this._count);
+            }
+        }
+    }
+    get dot() {
+        return this._dot;
+    }
+    set dot(value) {
+        if (this._dot !== value) {
+            this._dot = value;
+            if (this._isInitialized) {
+                this._adapter.setBadgeType(this._dot);
+                if (this._dot) {
+                    this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT);
+                }
+                else {
+                    this._adapter.removeHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT);
+                }
+            }
+        }
+    }
+    get theme() {
+        return this._theme;
+    }
+    set theme(value) {
+        if (this._theme !== value) {
+            this._theme = value;
+            if (this._isInitialized) {
+                this._adapter.setBadgeTheme(this._theme);
+                this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME, this._theme);
+            }
+        }
+    }
+    get showBadge() {
+        return this._showBadge;
+    }
+    set showBadge(value) {
+        if (this._showBadge !== value) {
+            this._showBadge = value;
+            if (this._isInitialized) {
+                this._adapter.setBadgeVisible(this._showBadge);
+                this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE, this._showBadge);
+            }
+        }
+    }
+}

package/esm/app-bar/notification-button/app-bar-notification-button.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-app-bar-notification-button': IAppBarNotificationButtonComponent;
+    }
+}
+export interface IAppBarNotificationButtonComponent extends IBaseComponent {
+    count: number;
+    dot: boolean;
+    showBadge: boolean;
+    theme: string;
+}
+export declare class AppBarNotificationButtonComponent extends BaseComponent implements IAppBarNotificationButtonComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    initializedCallback(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    count: number;
+    dot: boolean;
+    theme: string;
+    showBadge: boolean;
+}

package/esm/app-bar/notification-button/app-bar-notification-button.js

@@ -0,0 +1,78 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachLightTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';
+import { tylIconNotifications } from '@tylertech/tyler-icons/standard';
+import { BadgeComponent } from '../../badge';
+import { BaseComponent } from '../../core/base/base-component';
+import { IconComponent, IconRegistry } from '../../icon';
+import { IconButtonComponent } from '../../icon-button';
+import { TooltipComponent } from '../../tooltip';
+import { AppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';
+import { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';
+import { AppBarNotificationButtonFoundation } from './app-bar-notification-button-foundation';
+const template = '<template><forge-icon-button class=\"forge-icon-button--with-badge\"><button type=\"button\" aria-label=\"Show notifications\"><forge-icon name=\"notifications\"></forge-icon></button><forge-tooltip delay=\"500\" position=\"bottom\">Notifications</forge-tooltip><forge-badge positioned app-bar-context></forge-badge></forge-icon-button></template>';
+let AppBarNotificationButtonComponent = class AppBarNotificationButtonComponent extends BaseComponent {
+    constructor() {
+        super();
+        IconRegistry.define(tylIconNotifications);
+        this._foundation = new AppBarNotificationButtonFoundation(new AppBarNotificationButtonAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT,
+            APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT,
+            APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME,
+            APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE
+        ];
+    }
+    initializedCallback() {
+        attachLightTemplate(this, template);
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT:
+                this.count = coerceNumber(newValue);
+                break;
+            case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT:
+                this.dot = coerceBoolean(newValue);
+                break;
+            case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME:
+                this.theme = newValue;
+                break;
+            case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE:
+                this.showBadge = coerceBoolean(newValue);
+                break;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], AppBarNotificationButtonComponent.prototype, "count", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarNotificationButtonComponent.prototype, "dot", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarNotificationButtonComponent.prototype, "theme", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarNotificationButtonComponent.prototype, "showBadge", void 0);
+AppBarNotificationButtonComponent = __decorate([
+    CustomElement({
+        name: APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.elementName,
+        dependencies: [
+            IconButtonComponent,
+            TooltipComponent,
+            BadgeComponent,
+            IconComponent
+        ]
+    })
+], AppBarNotificationButtonComponent);
+export { AppBarNotificationButtonComponent };

package/esm/app-bar/notification-button/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './app-bar-notification-button-adapter';
+export * from './app-bar-notification-button-constants';
+export * from './app-bar-notification-button-foundation';
+export * from './app-bar-notification-button';
+export declare function defineAppBarNotificationButtonComponent(): void;

package/esm/app-bar/notification-button/index.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { AppBarNotificationButtonComponent } from './app-bar-notification-button';
+export * from './app-bar-notification-button-adapter';
+export * from './app-bar-notification-button-constants';
+export * from './app-bar-notification-button-foundation';
+export * from './app-bar-notification-button';
+export function defineAppBarNotificationButtonComponent() {
+    defineCustomElement(AppBarNotificationButtonComponent);
+}

package/esm/app-bar/profile-button/app-bar-profile-button-adapter.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IAppBarProfileButtonComponent } from './app-bar-profile-button';
+import { IAppBarProfileCardConfig } from './app-bar-profile-button-constants';
+export interface IAppBarProfileButtonAdapter extends IBaseAdapter {
+    initialize(): void;
+    setClickListener(listener: (evt: MouseEvent) => void): void;
+    removeClickListener(listener: (evt: MouseEvent) => void): void;
+    openPopup(profileCardConfig: IAppBarProfileCardConfig, dismissListener: () => void, profileListener: () => void, signOutListener: () => void, profileCardContent?: HTMLElement): () => void;
+    closePopup(): void;
+    requestFocus(): void;
+    setAvatarText(value: string): void;
+    setAvatarLetterCount(value: number): void;
+    setAvatarImageUrl(value: string): void;
+}
+export declare class AppBarProfileButtonAdapter extends BaseAdapter<IAppBarProfileButtonComponent> implements IAppBarProfileButtonAdapter {
+    private _avatarElement;
+    private _popupElement;
+    private _buttonElement;
+    constructor(component: IAppBarProfileButtonComponent);
+    initialize(): void;
+    setClickListener(listener: (evt: MouseEvent) => void): void;
+    removeClickListener(listener: (evt: MouseEvent) => void): void;
+    openPopup(profileCardConfig: IAppBarProfileCardConfig, dismissListener: () => void, profileListener: () => void, signOutListener: () => void, profileCardContent?: HTMLElement): () => void;
+    closePopup(): void;
+    requestFocus(): void;
+    setAvatarText(value: string): void;
+    setAvatarLetterCount(value: number): void;
+    setAvatarImageUrl(value: string): void;
+}

package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js

@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getLightElement, notChildEventListener, getActiveElement } from '@tylertech/forge-core';
+import { AVATAR_CONSTANTS } from '../../avatar';
+import { BaseAdapter } from '../../core/base/base-adapter';
+import { PopupAnimationType, POPUP_CONSTANTS } from '../../popup';
+import { PROFILE_CARD_CONSTANTS } from '../../profile-card';
+import { APP_BAR_PROFILE_BUTTON_CONSTANTS } from './app-bar-profile-button-constants';
+export class AppBarProfileButtonAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+    }
+    initialize() {
+        this._avatarElement = getLightElement(this._component, AVATAR_CONSTANTS.elementName);
+        this._buttonElement = getLightElement(this._component, APP_BAR_PROFILE_BUTTON_CONSTANTS.selectors.BUTTON);
+    }
+    setClickListener(listener) {
+        this._component.addEventListener('click', listener);
+    }
+    removeClickListener(listener) {
+        this._component.removeEventListener('click', listener);
+    }
+    openPopup(profileCardConfig, dismissListener, profileListener, signOutListener, profileCardContent) {
+        const profileCardElement = document.createElement(PROFILE_CARD_CONSTANTS.elementName);
+        profileCardElement.fullName = profileCardConfig.fullName;
+        profileCardElement.email = profileCardConfig.email;
+        profileCardElement.signOut = profileCardConfig.signOut;
+        profileCardElement.profile = profileCardConfig.profile;
+        profileCardElement.avatarText = profileCardConfig.avatarText;
+        profileCardElement.avatarImageUrl = profileCardConfig.avatarImageUrl;
+        profileCardElement.avatarLetterCount = profileCardConfig.avatarLetterCount;
+        profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.PROFILE, () => profileListener());
+        profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.SIGN_OUT, () => signOutListener());
+        if (profileCardContent) {
+            profileCardElement.appendChild(profileCardContent);
+        }
+        this._popupElement = document.createElement(POPUP_CONSTANTS.elementName);
+        this._popupElement.targetElement = this._component;
+        this._popupElement.placement = 'bottom-end';
+        this._popupElement.animationType = PopupAnimationType.Menu;
+        this._popupElement.appendChild(profileCardElement);
+        this._popupElement.open = true;
+        return notChildEventListener(this._popupElement, activeElement => {
+            if (!this._popupElement) {
+                return;
+            }
+            if (!this._component.contains(getActiveElement())) {
+                dismissListener();
+            }
+        }, true);
+    }
+    closePopup() {
+        if (this._popupElement) {
+            this._popupElement.open = false;
+        }
+    }
+    requestFocus() {
+        this._buttonElement.focus();
+    }
+    setAvatarText(value) {
+        this._avatarElement.text = value;
+    }
+    setAvatarLetterCount(value) {
+        this._avatarElement.letterCount = value;
+    }
+    setAvatarImageUrl(value) {
+        this._avatarElement.imageUrl = value;
+    }
+}