@tylertech/forge 2.7.0 → 2.9.0

package/esm/time-picker/time-picker.d.ts

@@ -20,6 +20,7 @@ export interface ITimePickerComponent extends IBaseComponent {
     step: number;
     allowInput: boolean;
     showNow: boolean;
+    showHourOptions: boolean;
     customOptions: ITimePickerOption[];
     validationCallback: TimePickerValidationCallback;
     parseCallback: TimePickerParseCallback;
@@ -68,6 +69,8 @@ export declare class TimePickerComponent extends BaseComponent implements ITimeP
     step: number;
     allowInput: boolean;
     showNow: boolean;
+    /** Whether or not to display hour options in dropdown */
+    showHourOptions: boolean;
     customOptions: ITimePickerOption[];
     validationCallback: TimePickerValidationCallback;
     parseCallback: TimePickerParseCallback;

package/esm/time-picker/time-picker.js

@@ -45,6 +45,7 @@ let TimePickerComponent = class TimePickerComponent extends BaseComponent {
             TIME_PICKER_CONSTANTS.attributes.STEP,
             TIME_PICKER_CONSTANTS.attributes.ALLOW_INPUT,
             TIME_PICKER_CONSTANTS.attributes.SHOW_NOW,
+            TIME_PICKER_CONSTANTS.attributes.SHOW_HOUR_OPTIONS,
             TIME_PICKER_CONSTANTS.attributes.DISABLED,
             TIME_PICKER_CONSTANTS.attributes.POPUP_CLASSES,
             TIME_PICKER_CONSTANTS.attributes.ALLOW_DROPDOWN
@@ -87,6 +88,9 @@ let TimePickerComponent = class TimePickerComponent extends BaseComponent {
             case TIME_PICKER_CONSTANTS.attributes.SHOW_NOW:
                 this.showNow = coerceBoolean(newValue);
                 break;
+            case TIME_PICKER_CONSTANTS.attributes.SHOW_HOUR_OPTIONS:
+                this.showHourOptions = coerceBoolean(newValue);
+                break;
             case TIME_PICKER_CONSTANTS.attributes.MIN:
                 this.min = newValue;
                 break;
@@ -156,6 +160,9 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], TimePickerComponent.prototype, "showNow", void 0);
+__decorate([
+    FoundationProperty()
+], TimePickerComponent.prototype, "showHourOptions", void 0);
 __decorate([
     FoundationProperty()
 ], TimePickerComponent.prototype, "customOptions", void 0);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Forge Web Components library",
-  "version": "2.7.0",
+  "version": "2.9.0",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,7 +13,7 @@
   "typings": "esm/index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "@tylertech/forge-core": "^2.0.0",
+    "@tylertech/forge-core": "^2.1.0",
     "@tylertech/tyler-icons": "^1.12.0",
     "imask": "^6.4.2",
     "material-components-web": "^14.0.0",

package/styles/chip-field/_base.scss

@@ -167,11 +167,11 @@
 
   // Default
   @if $layout-state == default or $layout-state == shape-rounded {
-    --forge-chip-height: #{map.get(variables.$member, height, default)};
+    --forge-chip-min-height: #{map.get(variables.$member, min-height, default)};
   }
   // Dense
   @else if $layout-state == dense or $layout-state == shape-rounded-dense {
-    --forge-chip-height: #{map.get(variables.$member, height, dense)};
+    --forge-chip-min-height: #{map.get(variables.$member, min-height, dense)};
   }
   // Roomy uses the default chip height
   @include field-utils.error-layout-state(member-height, $layout-state);

package/styles/chip-field/_selector.scss

@@ -125,7 +125,7 @@
 @mixin input {
   // Base
   // chip-field input should have no padding, so we exclude padding from the base.
-  @include field-selector.input('::slotted(input)', $exclude: (padding, padding-top, padding-right, padding-bottom, padding-left));
+  @include field-selector.input('::slotted(input)', $exclude: (padding, padding-top, padding-right, padding-bottom, padding-left), $component-name: 'forge-chip-field');
   // Core
   ::slotted(input) {
     @include base.input-core;

package/styles/chip-field/_variables.scss

@@ -28,7 +28,7 @@ $input-container: (
 ) !default;
 
 $member: (
-  height: (
+  min-height: (
     default: 20px,
     dense: 16px
   ),

package/styles/chips/chip/_mixins.scss

@@ -138,7 +138,7 @@
       @include dense;
 
       &.forge-chip--field {
-        @include theme.css-custom-property(height, --forge-chip-height, 20px);
+        @include theme.css-custom-property(min-height, --forge-chip-min-height, variables.$dense-field-min-height);
         padding: 0;
         margin: 0;
         display: flex;
@@ -192,7 +192,8 @@
   @include button-mixins.outlined;
   @include mdc-chip-theme.shape-radius(50%);
   @include theme.css-custom-property(width, --forge-chip-width, auto);
-  @include theme.css-custom-property(height, --forge-chip-height, variables.$height);
+  @include theme.css-custom-property(height, --forge-chip-height, auto);
+  @include theme.css-custom-property(min-height, --forge-chip-min-height, variables.$min-height);
 
   box-sizing: border-box;
   transition: mdc-animation.enter(background-color, 150ms);
@@ -273,5 +274,5 @@
 }
 
 @mixin dense() {
-  @include theme.css-custom-property(height, --forge-chip-height, variables.$dense-height);
+  @include theme.css-custom-property(min-height, --forge-chip-min-height, variables.$dense-min-height);
 }

package/styles/chips/chip/_variables.scss

@@ -3,5 +3,6 @@
  * Copyright 2022 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-$height: 36px !default;
-$dense-height: 28px !default;
+$min-height: 36px !default;
+$dense-min-height: 28px !default;
+$dense-field-min-height: 20px !default;

package/styles/field/_base.scss

@@ -380,18 +380,30 @@
   @include utils.error-theme-state(input-color, $theme-state);
 }
 
-@mixin input-font-size($layout-state) {
+@mixin input-font-size($layout-state, $custom-prop-font-size) {
   // Default
   @if $layout-state == default or $layout-state == shape-rounded {
-    font-size: map.get(variables.$input, font-size, default);
+    @include theme.css-custom-property(
+      font-size,
+      $custom-prop-font-size,
+      map.get(variables.$input, font-size, default)
+    );
   }
   // Roomy
   @else if $layout-state == roomy or $layout-state == shape-rounded-roomy {
-    font-size: map.get(variables.$input, font-size, roomy);
+    @include theme.css-custom-property(
+      font-size,
+      $custom-prop-font-size,
+      map.get(variables.$input, font-size, roomy)
+    );
   }
   // Dense
   @else if $layout-state == dense or $layout-state == shape-rounded-dense {
-    font-size: map.get(variables.$input, font-size, dense);
+    @include theme.css-custom-property(
+      font-size,
+      $custom-prop-font-size,
+      map.get(variables.$input, font-size, dense)
+    );
   }
   @include utils.error-layout-state(input-font-size, $layout-state);
 }

package/styles/field/_selector.scss

@@ -272,7 +272,7 @@
   }
 }
 
-@mixin input($input-selector: '::slotted(input)', $exclude: ()) {
+@mixin input($input-selector: '::slotted(input)', $exclude: (), $component-name: 'forge-field') {
   // Core
   @if list.index($exclude, core) == null {
     #{$input-selector} {
@@ -296,17 +296,17 @@
   @if list.index($exclude, font-size) == null {
     &:not(.forge-field--dense):not(.forge-field--roomy) {
       #{$input-selector} {
-        @include base.input-font-size(default);
+        @include base.input-font-size(default, --#{$component-name}-font-size);
       }
     }
     &--roomy:not(.forge-field--dense) {
       #{$input-selector} {
-        @include base.input-font-size(roomy);
+        @include base.input-font-size(roomy, --#{$component-name}-font-size);
       }
     }
     &--dense:not(.forge-field--roomy) {
       #{$input-selector} {
-        @include base.input-font-size(dense);
+        @include base.input-font-size(dense, --#{$component-name}-font-size);
       }
     }
   }

package/styles/file-picker/_mixins.scss

@@ -31,7 +31,9 @@
     }
 
     &__helper-text {
-      @include helper-text;
+      ::slotted([slot='helper-text']) {
+        @include helper-text;
+      }
     }
 
     &[disabled] {

package/styles/inline-message/inline-message.scss

@@ -13,6 +13,10 @@
 @include mixins.theme('info-primary');
 @include mixins.theme('info-secondary');
 
+:host {
+  display: block;
+}
+
 :host([hidden]) {
   display: none;
 }

package/styles/quantity-field/_mixins.scss

@@ -77,7 +77,7 @@
   &::before {
     @include mdc-theme.property(color, error);
     content: '*';
-    margin-right: 1px;
+    margin-right: 4px;
   }
 }
 

package/styles/select/select/_selector.scss

@@ -21,7 +21,7 @@
   }
 
   // Field Input Styles
-  @include field-selector.input('.forge-select__selected-text', $exclude: (core, padding-right));
+  @include field-selector.input('.forge-select__selected-text', $exclude: (core, padding-right), $component-name: 'forge-select');
 
   // Line Height
   &:not(.forge-field--label) {

package/styles/split-view/split-view/_mixins.scss

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../../theme/theme';
+
+@mixin core-styles() {
+  .forge-split-view {
+    @include base;
+  }
+}
+
+@mixin horizontal-styles() {
+  .forge-split-view {
+    @include base-horizontal;
+  }
+}
+
+@mixin vertical-styles() {
+  .forge-split-view {
+    @include base-vertical;
+  }
+}
+
+@mixin host() {
+  --forge-split-view-handle-width: 8px;
+
+  display: block;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  contain: paint size;
+}
+
+@mixin base() {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin base-horizontal() {
+  flex-direction: row;
+}
+
+@mixin base-vertical() {
+  flex-direction: column;
+}

package/styles/split-view/split-view/split-view.scss

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use './mixins';
+@use '../../ripple/forge-ripple.scss';
+
+@include mixins.core-styles;
+
+:host {
+  @include mixins.host;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+:host([orientation=horizontal]) {
+  @include mixins.horizontal-styles;
+}
+
+:host([orientation=vertical]) {
+  @include mixins.vertical-styles;
+}

package/styles/split-view/split-view-panel/_mixins.scss

@@ -0,0 +1,260 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '@material/animation/variables' as mdc-animation-variables;
+@use './variables';
+@use '../../theme/theme';
+
+@mixin core-styles() {
+  .forge-split-view-panel {
+    @include base;
+
+    &__handle {
+      @include handle;
+    }
+
+    &__content {
+      @include content;
+    }
+
+    &--closed {
+      @include closed;
+    }
+
+    &--disabled {
+      // Use an id selector to increase specificity
+      #handle {
+        @include handle-disabled;
+      }
+
+      .forge-split-view-panel__icon {
+        @include icon-disabled;
+      }
+    }
+  }
+}
+
+@mixin horizontal-styles() {
+  .forge-split-view-panel[orientation=horizontal] {
+    @include base-horizontal;
+
+    .forge-split-view-panel {
+      &__handle {
+        @include handle-orientation(horizontal);
+        @include cursor(horizontal);
+      }
+    }
+
+    &.forge-split-view-panel--closing {
+      &[resizable=end] {
+        @include closing($direction: left);
+      }
+
+      &[resizable=start] {
+        @include closing($direction: right);
+      }
+    }
+
+    &.forge-split-view-panel--opening {
+      &[resizable=end] {
+        @include opening($direction: left);
+      }
+
+      &[resizable=start] {
+        @include opening($direction: right);
+      }
+    }
+  }
+}
+
+@mixin vertical-styles() {
+  .forge-split-view-panel[orientation=vertical] {
+    @include base-vertical;
+
+    .forge-split-view-panel {
+      &__handle {
+        @include handle-orientation(vertical);
+        @include cursor(vertical);
+      }
+    }
+
+    &.forge-split-view-panel--closing {
+      &[resizable=end] {
+        @include closing($direction: top);
+      }
+
+      &[resizable=start] {
+        @include closing($direction: bottom);
+      }
+    }
+
+    &.forge-split-view-panel--opening {
+      &[resizable=end] {
+        @include opening($direction: top);
+      }
+
+      &[resizable=start] {
+        @include opening($direction: bottom);
+      }
+    }
+  }
+}
+
+@mixin static-styles() {
+  @include host-static;
+
+  .forge-split-view-panel {
+    @include base-static;
+
+    &__handle {
+      @include handle-static;
+    }
+  }
+}
+
+@mixin host() {
+  // There is no fallback value for the animating layer
+  @include theme.css-custom-property(z-index, --forge-split-view-animating-layer, $important: true);
+
+  display: block;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  flex: 0;
+}
+
+@mixin host-static() {
+  flex: 1;
+}
+
+@mixin base() {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  contain: paint size;
+}
+
+@mixin base-horizontal() {
+  @include theme.css-custom-property(min-width, --forge-split-view-handle-width, variables.$handle-width);
+
+  width: calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, variables.$handle-width));
+  flex-direction: row;
+}
+
+@mixin base-vertical() {
+  @include theme.css-custom-property(min-height, --forge-split-view-handle-width, variables.$handle-width);
+
+  height: calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, variables.$handle-width));
+  flex-direction: column;
+}
+
+@mixin base-static() {
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+
+@mixin handle() {
+  @include theme.property(color, text-secondary-on-light);
+  @include theme.property(background-color, border-color);
+
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  outline: none;
+}
+
+@mixin handle-orientation($orientation: horizontal) {
+  @if $orientation == horizontal {
+    @include theme.css-custom-property(width, --forge-split-view-handle-width, variables.$handle-width);
+  } @else {
+    @include theme.css-custom-property(height, --forge-split-view-handle-width, variables.$handle-width);
+  }
+}
+
+@mixin handle-disabled() {
+  pointer-events: none;
+}
+
+@mixin handle-static() {
+  display: none;
+}
+
+@mixin icon-disabled() {
+  display: none;
+}
+
+@mixin content() {
+  flex: 1;
+  overflow: hidden;
+}
+
+@mixin cursor($orientation: horizontal) {
+  // There is no fallback value for the panel cursor
+  @include theme.css-custom-property(cursor, --forge-split-view-panel-cursor);
+}
+
+@mixin closed() {
+  display: none;
+}
+
+@mixin closing($direction: right) {
+  @include closing-animation($direction);
+}
+
+@mixin opening($direction: right) {
+  @include closing-animation($direction);
+
+  animation-direction: reverse;
+}
+
+@mixin closing-animation($direction: right) {
+  @include animating-position($direction);
+
+  $animation-name: unique-id();
+
+  animation-name: $animation-name;
+  animation-duration: variables.$animation-duration;
+  animation-timing-function: mdc-animation-variables.$standard-curve-timing-function;
+
+  @keyframes #{$animation-name} {
+    from {
+      transform: none;
+    }
+  
+    to {
+      @if ($direction == right) {
+        transform: translateX(100%);
+      } @else if ($direction == left) {
+        transform: translateX(-100%);
+      } @else if ($direction == top) {
+        transform: translateY(-100%);
+      } @else {
+        transform: translateY(100%);
+      }
+    }
+  }
+}
+
+@mixin animating-position($direction: right) {
+  position: absolute;
+
+  @if ($direction == right) {
+    top: 0;
+    right: 0;
+  } @else if ($direction == left) {
+    top: 0;
+    left: 0;
+  } @else if ($direction == top) {
+    top: 0;
+    left: 0;
+  } @else {
+    bottom: 0;
+    left: 0;
+  }
+}

package/styles/split-view/split-view-panel/_variables.scss

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+$animation-duration: 300ms;
+$handle-width: 8px;

package/styles/split-view/split-view-panel/split-view-panel.scss

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use './mixins';
+@use '../../ripple/forge-ripple.scss';
+
+@include mixins.core-styles;
+@include mixins.horizontal-styles;
+@include mixins.vertical-styles;
+
+:host {
+  @include mixins.host;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+:host(:not([resizable=start], [resizable=end])) {
+  @include mixins.static-styles;
+}

package/dist/esm/chunks/chunk.2MBI5DLT.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 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"],
-  "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  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  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}\n\nexport class AppBarProfileButtonAdapter extends BaseAdapter<IAppBarProfileButtonComponent> implements IAppBarProfileButtonAdapter {\n  private _avatarElement: IAvatarComponent;\n  private _popupElement: IPopupComponent;\n  private _buttonElement: HTMLButtonElement;\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    const profileCardElement = document.createElement(PROFILE_CARD_CONSTANTS.elementName) as IProfileCardComponent;\n    profileCardElement.fullName = profileCardConfig.fullName;\n    profileCardElement.email = profileCardConfig.email;\n    profileCardElement.signOut = profileCardConfig.signOut;\n    profileCardElement.profile = profileCardConfig.profile;\n    profileCardElement.avatarText = profileCardConfig.avatarText;\n    profileCardElement.avatarImageUrl = profileCardConfig.avatarImageUrl;\n    profileCardElement.avatarLetterCount = profileCardConfig.avatarLetterCount;\n    profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.PROFILE, () => profileListener());\n    profileCardElement.addEventListener(PROFILE_CARD_CONSTANTS.events.SIGN_OUT, () => signOutListener());\n    if (profileCardContent) {\n      profileCardElement.appendChild(profileCardContent);\n    }\n\n    this._popupElement = document.createElement(POPUP_CONSTANTS.elementName) as IPopupComponent;\n    this._popupElement.targetElement = this._component;\n    this._popupElement.placement = 'bottom-end';\n    this._popupElement.animationType = PopupAnimationType.Menu;\n    this._popupElement.appendChild(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    }\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", "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  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 _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      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 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  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.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.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public fullName: string;\n\n  @FoundationProperty()\n  public email: string;\n\n  @FoundationProperty()\n  public avatarImageUrl: string;\n\n  @FoundationProperty()\n  public avatarLetterCount: number;\n\n  @FoundationProperty()\n  public avatarText: string;\n\n  @FoundationProperty()\n  public signOutButton: boolean;\n\n  @FoundationProperty()\n  public profileButton: boolean;\n\n  @FoundationProperty()\n  public 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 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"],
-  "mappings": "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",
-  "names": []
-}