@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.3KCCCXWS.js

@@ -0,0 +1,344 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  ToolbarComponent
+} from "./chunk.YJ5X3WZ4.js";
+import {
+  AvatarComponent
+} from "./chunk.ZUM5YLB2.js";
+import {
+  ButtonComponent
+} from "./chunk.5NXVVSTU.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  coerceBoolean,
+  coerceNumber
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/profile-card/profile-card-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}profile-card`;
+var attributes = {
+  FULL_NAME: "full-name",
+  EMAIL: "email",
+  SIGN_OUT: "sign-out",
+  PROFILE: "profile",
+  AVATAR_TEXT: "avatar-text",
+  AVATAR_IMAGE_URL: "avatar-image-url",
+  AVATAR_LETTER_COUNT: "avatar-letter-count"
+};
+var selectors = {
+  FULL_NAME: ".forge-profile-card__full-name",
+  EMAIL: ".forge-profile-card__email",
+  AVATAR: ".forge-profile-card__info-avatar > forge-avatar",
+  ACTION_TOOLBAR: "#action-toolbar",
+  PROFILE_BUTTON: "#profile-button",
+  SIGN_OUT_BUTTON: "#sign-out-button"
+};
+var defaults = {
+  SHOW_SIGN_OUT_BUTTON: true,
+  SHOW_PROFILE_BUTTON: false
+};
+var events = {
+  SIGN_OUT: `${elementName}-sign-out`,
+  PROFILE: `${elementName}-profile`
+};
+var PROFILE_CARD_CONSTANTS = {
+  elementName,
+  attributes,
+  selectors,
+  defaults,
+  events
+};
+
+// dist/build/lib/staging/src/profile-card/profile-card-adapter.ts
+var ProfileCardAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._fullNameElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.FULL_NAME);
+    this._emailElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.EMAIL);
+    this._avatarElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.AVATAR);
+    this._actionToolbar = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.ACTION_TOOLBAR);
+    this._profileButton = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.PROFILE_BUTTON);
+    this._signOutButton = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.SIGN_OUT_BUTTON);
+  }
+  setFullName(value) {
+    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.FULL_NAME, value);
+    this._fullNameElement.textContent = value;
+  }
+  setEmail(value) {
+    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.EMAIL, value);
+    this._emailElement.textContent = value;
+  }
+  setAvatarText(value) {
+    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT, value);
+    this._avatarElement.text = value;
+  }
+  setAvatarImageUrl(value) {
+    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL, value);
+    this._avatarElement.imageUrl = value;
+  }
+  setAvatarLetterCount(count) {
+    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT, String(count));
+    this._avatarElement.letterCount = count;
+  }
+  setActionToolbarVisibility(isVisible) {
+    if (isVisible) {
+      this._actionToolbar.style.removeProperty("display");
+    } else {
+      this._actionToolbar.style.display = "none";
+    }
+  }
+  setProfileButtonVisibility(isVisible) {
+    if (isVisible) {
+      this._profileButton.style.removeProperty("display");
+    } else {
+      this._profileButton.style.display = "none";
+    }
+  }
+  setSignOutButtonVisibility(isVisible) {
+    if (isVisible) {
+      this._signOutButton.style.removeProperty("display");
+    } else {
+      this._signOutButton.style.display = "none";
+    }
+  }
+  setProfileButtonListener(listener) {
+    this._profileButton.addEventListener("click", listener);
+  }
+  setSignOutButtonListener(listener) {
+    this._signOutButton.addEventListener("click", listener);
+  }
+  removeProfileButtonListener(listener) {
+    this._profileButton.removeEventListener("click", listener);
+  }
+  removeSignOutButtonListener(listener) {
+    this._signOutButton.removeEventListener("click", listener);
+  }
+  requestProfileButtonFocus() {
+    window.requestAnimationFrame(() => this._profileButton.focus());
+  }
+  requestSignOutButtonFocus() {
+    window.requestAnimationFrame(() => this._signOutButton.focus());
+  }
+};
+
+// dist/build/lib/staging/src/profile-card/profile-card-foundation.ts
+var ProfileCardFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._showSignOutButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_SIGN_OUT_BUTTON;
+    this._showProfileButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_PROFILE_BUTTON;
+    this._profileListener = (evt) => this._onProfileButtonClick(evt);
+    this._signOutListener = (evt) => this._onSignOutButtonClick(evt);
+  }
+  initialize() {
+    this._adapter.setProfileButtonListener(this._profileListener);
+    this._adapter.setSignOutButtonListener(this._signOutListener);
+    if (this._showSignOutButton || this._showProfileButton) {
+      this._requestInitialFocus();
+    }
+    this._setActionVisibility();
+  }
+  _requestInitialFocus() {
+    if (this._showSignOutButton) {
+      this._adapter.requestSignOutButtonFocus();
+    } else if (this._showProfileButton) {
+      this._adapter.requestProfileButtonFocus();
+    }
+  }
+  _setActionVisibility() {
+    const showActionToolbar = this._showSignOutButton || this._showProfileButton;
+    this._adapter.setActionToolbarVisibility(showActionToolbar);
+    this._adapter.setSignOutButtonVisibility(this._showSignOutButton);
+    this._adapter.setProfileButtonVisibility(this._showProfileButton);
+  }
+  _onProfileButtonClick(evt) {
+    evt.stopPropagation();
+    this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.PROFILE);
+  }
+  _onSignOutButtonClick(evt) {
+    evt.stopPropagation();
+    this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.SIGN_OUT);
+  }
+  get fullName() {
+    return this._fullName;
+  }
+  set fullName(value) {
+    if (this._fullName !== value) {
+      this._fullName = value;
+      this._adapter.setFullName(this._fullName);
+    }
+  }
+  get email() {
+    return this._email;
+  }
+  set email(value) {
+    if (this._email !== value) {
+      this._email = value;
+      this._adapter.setEmail(this._email);
+    }
+  }
+  get avatarText() {
+    return this._avatarText;
+  }
+  set avatarText(value) {
+    if (this._avatarText !== value) {
+      this._avatarText = value;
+      this._adapter.setAvatarText(this._avatarText);
+    }
+  }
+  get avatarImageUrl() {
+    return this._avatarImageUrl;
+  }
+  set avatarImageUrl(value) {
+    if (this._avatarImageUrl !== value) {
+      this._avatarImageUrl = value;
+      this._adapter.setAvatarImageUrl(this._avatarImageUrl);
+    }
+  }
+  get avatarLetterCount() {
+    return this._avatarLetterCount;
+  }
+  set avatarLetterCount(value) {
+    if (this._avatarLetterCount !== value) {
+      this._avatarLetterCount = value;
+      this._adapter.setAvatarLetterCount(this._avatarLetterCount);
+    }
+  }
+  get signOut() {
+    return this._showSignOutButton;
+  }
+  set signOut(value) {
+    if (this._showSignOutButton !== value) {
+      this._showSignOutButton = value;
+      this._setActionVisibility();
+    }
+  }
+  get profile() {
+    return this._showProfileButton;
+  }
+  set profile(value) {
+    if (this._showProfileButton !== value) {
+      this._showProfileButton = value;
+      this._setActionVisibility();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/profile-card/profile-card.ts
+var template = '<template><div class="forge-profile-card" part="root"><div class="forge-profile-card__info" part="info-container"><div class="forge-profile-card__info-avatar" part="avatar-container"><forge-avatar part="avatar"></forge-avatar></div><div class="forge-profile-card__info-text" part="info-text"><div class="forge-profile-card__full-name" part="name"></div><div class="forge-profile-card__email" part="email"></div></div></div><slot></slot><forge-toolbar inverted id="action-toolbar" part="footer"><forge-button type="outlined" slot="end" style="margin-right: 8px;" part="profile-button"><button type="button" id="profile-button" aria-label="View profile" part="profile-button-element">Profile</button></forge-button><forge-button slot="end" part="sign-out-button"><button type="button" id="sign-out-button" part="sign-out-button-element">Sign out</button></forge-button></forge-toolbar></div></template>';
+var 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)}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:8px}.forge-button{--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}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button .forge-button__ripple::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)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::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}.forge-button.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::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))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}.forge-profile-card{min-width:360px;border-radius:4px}@media (max-width:399px){.forge-profile-card{width:100vw;min-width:unset;overflow:auto}}.forge-profile-card__info{padding:8px 16px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-profile-card__info-avatar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:8px;margin-right:16px;--forge-avatar-size:56px}.forge-profile-card__info-text{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start}.forge-profile-card__full-name{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;font-size:var(--forge-typography-subtitle1-secondary-font-size, 1rem);line-height:1.75rem;line-height:var(--forge-typography-subtitle1-secondary-line-height, 1.75rem);font-weight:500;font-weight:var(--forge-typography-subtitle1-secondary-font-weight,500);letter-spacing:.01em;letter-spacing:var(--forge-typography-subtitle1-secondary-letter-spacing, .01em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-subtitle1-secondary-text-transform,inherit);line-height:1.25rem}.forge-profile-card__email{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight,500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}forge-toolbar#action-toolbar::part(root){border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host{display:inline}:host([hidden]){display:none}forge-toolbar{--mdc-theme-surface:var(--forge-theme-elevated-surface)}';
+var ProfileCardComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ProfileCardFoundation(new ProfileCardAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      PROFILE_CARD_CONSTANTS.attributes.FULL_NAME,
+      PROFILE_CARD_CONSTANTS.attributes.EMAIL,
+      PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT,
+      PROFILE_CARD_CONSTANTS.attributes.PROFILE,
+      PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT,
+      PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL,
+      PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case PROFILE_CARD_CONSTANTS.attributes.FULL_NAME:
+        this.fullName = newValue;
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.EMAIL:
+        this.email = newValue;
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT:
+        this.signOut = coerceBoolean(PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT);
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.PROFILE:
+        this.profile = coerceBoolean(PROFILE_CARD_CONSTANTS.attributes.PROFILE);
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT:
+        this.avatarText = newValue;
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL:
+        this.avatarImageUrl = newValue;
+        break;
+      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT:
+        this.avatarLetterCount = coerceNumber(newValue);
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "fullName", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "email", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "signOut", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "profile", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "avatarText", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "avatarImageUrl", 2);
+__decorateClass([
+  FoundationProperty()
+], ProfileCardComponent.prototype, "avatarLetterCount", 2);
+ProfileCardComponent = __decorateClass([
+  CustomElement({
+    name: PROFILE_CARD_CONSTANTS.elementName,
+    dependencies: [
+      ToolbarComponent,
+      ButtonComponent,
+      AvatarComponent
+    ]
+  })
+], ProfileCardComponent);
+
+// dist/build/lib/staging/src/profile-card/index.ts
+function defineProfileCardComponent() {
+  defineCustomElement(ProfileCardComponent);
+}
+
+export {
+  PROFILE_CARD_CONSTANTS,
+  ProfileCardAdapter,
+  ProfileCardFoundation,
+  ProfileCardComponent,
+  defineProfileCardComponent
+};
+//# sourceMappingURL=chunk.3KCCCXWS.js.map

package/dist/esm/chunks/chunk.3KCCCXWS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/profile-card/profile-card-constants.ts", "../../src/profile-card/profile-card-adapter.ts", "../../src/profile-card/profile-card-foundation.ts", "../../src/profile-card/profile-card.ts", "../../src/profile-card/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}profile-card`;\n\nconst attributes = {\n  FULL_NAME: 'full-name',\n  EMAIL: 'email',\n  SIGN_OUT: 'sign-out',\n  PROFILE: 'profile',\n  AVATAR_TEXT: 'avatar-text',\n  AVATAR_IMAGE_URL: 'avatar-image-url',\n  AVATAR_LETTER_COUNT: 'avatar-letter-count'\n};\n\nconst selectors = {\n  FULL_NAME: '.forge-profile-card__full-name',\n  EMAIL: '.forge-profile-card__email',\n  AVATAR: '.forge-profile-card__info-avatar > forge-avatar',\n  ACTION_TOOLBAR: '#action-toolbar',\n  PROFILE_BUTTON: '#profile-button',\n  SIGN_OUT_BUTTON: '#sign-out-button'\n};\n\nconst defaults = {\n  SHOW_SIGN_OUT_BUTTON: true,\n  SHOW_PROFILE_BUTTON: false\n};\n\nconst events = {\n  SIGN_OUT: `${elementName}-sign-out`,\n  PROFILE: `${elementName}-profile`\n};\n\nexport const PROFILE_CARD_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  defaults,\n  events\n};\n", "import { emitEvent, getShadowElement } from '@tylertech/forge-core';\nimport { IAvatarComponent } from '../avatar';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IToolbarComponent } from '../toolbar';\nimport { IProfileCardComponent } from './profile-card';\nimport { PROFILE_CARD_CONSTANTS } from './profile-card-constants';\n\nexport interface IProfileCardAdapter extends IBaseAdapter {\n  setFullName(value: string): void;\n  setEmail(value: string): void;\n  setAvatarText(value: string): void;\n  setAvatarImageUrl(value: string): void;\n  setAvatarLetterCount(count: number): void;\n  setActionToolbarVisibility(isVisible: boolean): void;\n  setProfileButtonVisibility(isVisible: boolean): void;\n  setSignOutButtonVisibility(isVisible: boolean): void;\n  setProfileButtonListener(listener: (evt: Event) => void): void;\n  setSignOutButtonListener(listener: (evt: Event) => void): void;\n  removeProfileButtonListener(listener: (evt: Event) => void): void;\n  removeSignOutButtonListener(listener: (evt: Event) => void): void;\n  requestProfileButtonFocus(): void;\n  requestSignOutButtonFocus(): void;\n}\n\nexport class ProfileCardAdapter extends BaseAdapter<IProfileCardComponent> implements IProfileCardAdapter {\n  private _fullNameElement: HTMLElement;\n  private _emailElement: HTMLElement;\n  private _avatarElement: IAvatarComponent;\n  private _actionToolbar: IToolbarComponent;\n  private _profileButton: HTMLButtonElement;\n  private _signOutButton: HTMLButtonElement;\n\n  constructor(component: IProfileCardComponent) {\n    super(component);\n    this._fullNameElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.FULL_NAME);\n    this._emailElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.EMAIL);\n    this._avatarElement = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.AVATAR) as IAvatarComponent;\n    this._actionToolbar = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.ACTION_TOOLBAR) as IToolbarComponent;\n    this._profileButton = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.PROFILE_BUTTON) as HTMLButtonElement;\n    this._signOutButton = getShadowElement(component, PROFILE_CARD_CONSTANTS.selectors.SIGN_OUT_BUTTON) as HTMLButtonElement;\n  }\n\n  public setFullName(value: string): void {\n    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.FULL_NAME, value);\n    this._fullNameElement.textContent = value;\n  }\n\n  public setEmail(value: string): void {\n    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.EMAIL, value);\n    this._emailElement.textContent = value;\n  }\n\n  public setAvatarText(value: string): void {\n    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT, value);\n    this._avatarElement.text = value;\n  }\n\n  public setAvatarImageUrl(value: string): void {\n    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL, value);\n    this._avatarElement.imageUrl = value;\n  }\n\n  public setAvatarLetterCount(count: number): void {\n    this._component.setAttribute(PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT, String(count));\n    this._avatarElement.letterCount = count;\n  }\n\n  public setActionToolbarVisibility(isVisible: boolean): void {\n    if (isVisible) {\n      this._actionToolbar.style.removeProperty('display');\n    } else {\n      this._actionToolbar.style.display = 'none';\n    }\n  }\n\n  public setProfileButtonVisibility(isVisible: boolean): void {\n    if (isVisible) {\n      this._profileButton.style.removeProperty('display');\n    } else {\n      this._profileButton.style.display = 'none';\n    }\n  }\n\n  public setSignOutButtonVisibility(isVisible: boolean): void {\n    if (isVisible) {\n      this._signOutButton.style.removeProperty('display');\n    } else {\n      this._signOutButton.style.display = 'none';\n    }\n  }\n\n  public setProfileButtonListener(listener: (evt: Event) => void): void {\n    this._profileButton.addEventListener('click', listener);\n  }\n\n  public setSignOutButtonListener(listener: (evt: Event) => void): void {\n    this._signOutButton.addEventListener('click', listener);\n  }\n\n  public removeProfileButtonListener(listener: (evt: Event) => void): void {\n    this._profileButton.removeEventListener('click', listener);\n  }\n\n  public removeSignOutButtonListener(listener: (evt: Event) => void): void {\n    this._signOutButton.removeEventListener('click', listener);\n  }\n\n  public requestProfileButtonFocus(): void {\n    window.requestAnimationFrame(() => this._profileButton.focus());\n  }\n\n  public requestSignOutButtonFocus(): void {\n    window.requestAnimationFrame(() => this._signOutButton.focus());\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IProfileCardAdapter } from './profile-card-adapter';\nimport { PROFILE_CARD_CONSTANTS } from './profile-card-constants';\n\nexport interface IProfileCardFoundation extends ICustomElementFoundation {\n  fullName: string;\n  email: string;\n  signOut: boolean;\n  profile: boolean;\n  avatarText: string;\n  avatarImageUrl: string;\n  avatarLetterCount: number;\n}\n\nexport class ProfileCardFoundation implements IProfileCardFoundation {\n  private _fullName: string;\n  private _email: string;\n  private _avatarText: string;\n  private _avatarImageUrl: string;\n  private _avatarLetterCount: number;\n  private _showSignOutButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_SIGN_OUT_BUTTON;\n  private _showProfileButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_PROFILE_BUTTON;\n  private _profileListener: (evt: Event) => void;\n  private _signOutListener: (evt: Event) => void;\n\n  constructor(private _adapter: IProfileCardAdapter) {\n    this._profileListener = evt => this._onProfileButtonClick(evt);\n    this._signOutListener = evt => this._onSignOutButtonClick(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.setProfileButtonListener(this._profileListener);\n    this._adapter.setSignOutButtonListener(this._signOutListener);\n\n    if (this._showSignOutButton || this._showProfileButton) {\n      this._requestInitialFocus();\n    }\n\n    this._setActionVisibility();\n  }\n\n  private _requestInitialFocus(): void {\n    if (this._showSignOutButton) {\n      this._adapter.requestSignOutButtonFocus();\n    } else if (this._showProfileButton) {\n      this._adapter.requestProfileButtonFocus();\n    }\n  }\n\n  private _setActionVisibility(): void {\n    const showActionToolbar = this._showSignOutButton || this._showProfileButton;\n    this._adapter.setActionToolbarVisibility(showActionToolbar);\n    this._adapter.setSignOutButtonVisibility(this._showSignOutButton);\n    this._adapter.setProfileButtonVisibility(this._showProfileButton);\n  }\n\n  private _onProfileButtonClick(evt: Event): void {\n    evt.stopPropagation();\n    this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.PROFILE);\n  }\n\n  private _onSignOutButtonClick(evt: Event): void {\n    evt.stopPropagation();\n    this._adapter.emitHostEvent(PROFILE_CARD_CONSTANTS.events.SIGN_OUT);\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.setFullName(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.setEmail(this._email);\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      this._adapter.setAvatarText(this._avatarText);\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      this._adapter.setAvatarImageUrl(this._avatarImageUrl);\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      this._adapter.setAvatarLetterCount(this._avatarLetterCount);\n    }\n  }\n\n  public get signOut(): boolean {\n    return this._showSignOutButton;\n  }\n  public set signOut(value: boolean) {\n    if (this._showSignOutButton !== value) {\n      this._showSignOutButton = value;\n      this._setActionVisibility();\n    }\n  }\n\n  public get profile(): boolean {\n    return this._showProfileButton;\n  }\n  public set profile(value: boolean) {\n    if (this._showProfileButton !== value) {\n      this._showProfileButton = value;\n      this._setActionVisibility();\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, coerceNumber, FoundationProperty } from '@tylertech/forge-core';\nimport { ProfileCardAdapter } from './profile-card-adapter';\nimport { ProfileCardFoundation } from './profile-card-foundation';\nimport { PROFILE_CARD_CONSTANTS } from './profile-card-constants';\nimport { ButtonComponent } from '../button';\nimport { AvatarComponent } from '../avatar';\nimport { ToolbarComponent } from '../toolbar';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-profile-card\\\" part=\\\"root\\\"><div class=\\\"forge-profile-card__info\\\" part=\\\"info-container\\\"><div class=\\\"forge-profile-card__info-avatar\\\" part=\\\"avatar-container\\\"><forge-avatar part=\\\"avatar\\\"></forge-avatar></div><div class=\\\"forge-profile-card__info-text\\\" part=\\\"info-text\\\"><div class=\\\"forge-profile-card__full-name\\\" part=\\\"name\\\"></div><div class=\\\"forge-profile-card__email\\\" part=\\\"email\\\"></div></div></div><slot></slot><forge-toolbar inverted id=\\\"action-toolbar\\\" part=\\\"footer\\\"><forge-button type=\\\"outlined\\\" slot=\\\"end\\\" style=\\\"margin-right: 8px;\\\" part=\\\"profile-button\\\"><button type=\\\"button\\\" id=\\\"profile-button\\\" aria-label=\\\"View profile\\\" part=\\\"profile-button-element\\\">Profile</button></forge-button><forge-button slot=\\\"end\\\" part=\\\"sign-out-button\\\"><button type=\\\"button\\\" id=\\\"sign-out-button\\\" part=\\\"sign-out-button-element\\\">Sign out</button></forge-button></forge-toolbar></div></template>';\nconst 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)}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:8px}.forge-button{--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}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-button .forge-button__ripple::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)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::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}.forge-button.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::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))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}.forge-profile-card{min-width:360px;border-radius:4px}@media (max-width:399px){.forge-profile-card{width:100vw;min-width:unset;overflow:auto}}.forge-profile-card__info{padding:8px 16px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-profile-card__info-avatar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:8px;margin-right:16px;--forge-avatar-size:56px}.forge-profile-card__info-text{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start}.forge-profile-card__full-name{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;font-size:var(--forge-typography-subtitle1-secondary-font-size, 1rem);line-height:1.75rem;line-height:var(--forge-typography-subtitle1-secondary-line-height, 1.75rem);font-weight:500;font-weight:var(--forge-typography-subtitle1-secondary-font-weight,500);letter-spacing:.01em;letter-spacing:var(--forge-typography-subtitle1-secondary-letter-spacing, .01em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-subtitle1-secondary-text-transform,inherit);line-height:1.25rem}.forge-profile-card__email{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight,500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}forge-toolbar#action-toolbar::part(root){border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host{display:inline}:host([hidden]){display:none}forge-toolbar{--mdc-theme-surface:var(--forge-theme-elevated-surface)}';\n\nexport interface IProfileCardComponent extends IBaseComponent {\n  fullName: string;\n  email: string;\n  signOut: boolean;\n  profile: boolean;\n  avatarText: string;\n  avatarImageUrl: string;\n  avatarLetterCount: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-profile-card': IProfileCardComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-profile-card-sign-out': CustomEvent<void>;\n    'forge-profile-card-profile': CustomEvent<void>;\n  }\n}\n\n@CustomElement({\n  name: PROFILE_CARD_CONSTANTS.elementName,\n  dependencies: [\n    ToolbarComponent,\n    ButtonComponent,\n    AvatarComponent\n  ]\n})\nexport class ProfileCardComponent extends BaseComponent implements IProfileCardComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      PROFILE_CARD_CONSTANTS.attributes.FULL_NAME,\n      PROFILE_CARD_CONSTANTS.attributes.EMAIL,\n      PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT,\n      PROFILE_CARD_CONSTANTS.attributes.PROFILE,\n      PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT,\n      PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL,\n      PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT\n    ];\n  }\n\n  private _foundation: ProfileCardFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ProfileCardFoundation(new ProfileCardAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case PROFILE_CARD_CONSTANTS.attributes.FULL_NAME:\n        this.fullName = newValue;\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.EMAIL:\n        this.email = newValue;\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT:\n        this.signOut = coerceBoolean(PROFILE_CARD_CONSTANTS.attributes.SIGN_OUT);\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.PROFILE:\n        this.profile = coerceBoolean(PROFILE_CARD_CONSTANTS.attributes.PROFILE);\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_TEXT:\n        this.avatarText = newValue;\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_IMAGE_URL:\n        this.avatarImageUrl = newValue;\n        break;\n      case PROFILE_CARD_CONSTANTS.attributes.AVATAR_LETTER_COUNT:\n        this.avatarLetterCount = coerceNumber(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public fullName: string;\n\n  @FoundationProperty()\n  public email: string;\n\n  @FoundationProperty()\n  public signOut: boolean;\n\n  @FoundationProperty()\n  public profile: boolean;\n\n  @FoundationProperty()\n  public avatarText: string;\n\n  @FoundationProperty()\n  public avatarImageUrl: string;\n\n  @FoundationProperty()\n  public avatarLetterCount: number;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ProfileCardComponent } from './profile-card';\n\nexport * from './profile-card-adapter';\nexport * from './profile-card-constants';\nexport * from './profile-card-foundation';\nexport * from './profile-card';\n\nexport function defineProfileCardComponent(): void {\n  defineCustomElement(ProfileCardComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/chunks/chunk.3NOZRZ7R.js

@@ -0,0 +1,145 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  BaseDrawerAdapter,
+  BaseDrawerComponent,
+  BaseDrawerFoundation
+} from "./chunk.IWXT6VVJ.js";
+import {
+  BACKDROP_CONSTANTS,
+  BackdropComponent
+} from "./chunk.2NUAEZY7.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/drawer/modal-drawer/modal-drawer-adapter.ts
+var ModalDrawerAdapter = class extends BaseDrawerAdapter {
+  constructor(_component) {
+    super(_component);
+    this._component = _component;
+    this._backdropElement = getShadowElement(this._component, BACKDROP_CONSTANTS.elementName);
+  }
+  setBackdropCloseListener(listener) {
+    this._backdropElement.addEventListener(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, listener);
+  }
+  setBackdropVisibility(visible) {
+    if (this._backdropElement.hasAttribute("hidden")) {
+      this._backdropElement.removeAttribute("hidden");
+    }
+    if (!this._backdropElement.fadeIn || !this._backdropElement.fadeOut) {
+      return Promise.resolve();
+    }
+    return visible ? this._backdropElement.fadeIn() : this._backdropElement.fadeOut();
+  }
+  toggleBackdropClass(hasClass, className) {
+    toggleClass(this._backdropElement, hasClass, className);
+  }
+};
+
+// dist/build/lib/staging/src/drawer/modal-drawer/modal-drawer-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}modal-drawer`;
+var classes = {
+  DISPLAY_NONE: "forge-drawer--display-none",
+  SCRIM_CLOSED: "forge-drawer__scrim--closed"
+};
+var events = {
+  CLOSE: `${elementName}-close`
+};
+var MODAL_DRAWER_CONSTANTS = {
+  elementName,
+  classes,
+  events
+};
+
+// dist/build/lib/staging/src/drawer/modal-drawer/modal-drawer-foundation.ts
+var ModalDrawerFoundation = class extends BaseDrawerFoundation {
+  constructor(_adapter) {
+    super(_adapter);
+    this._adapter = _adapter;
+    this._open = false;
+    this._isInitialized = false;
+    this._backdropClickListener = (evt) => this._onBackdropClick(evt);
+  }
+  connect() {
+    super.connect();
+    this._adapter.setBackdropCloseListener(this._backdropClickListener);
+    this._setBackdrop(this._open);
+    this._isInitialized = true;
+  }
+  disconnect() {
+    this._isInitialized = false;
+  }
+  _setDrawerOpenState() {
+    super._setDrawerOpenState();
+    this._setBackdrop(true);
+  }
+  _setDrawerClosedState() {
+    super._setDrawerClosedState();
+    this._setBackdrop(false);
+  }
+  _onBackdropClick(evt) {
+    const canClose = this._adapter.emitHostEvent(MODAL_DRAWER_CONSTANTS.events.CLOSE, void 0, true, true);
+    if (canClose) {
+      this.open = false;
+    }
+  }
+  _setBackdrop(open) {
+    if (open) {
+      this._adapter.toggleBackdropClass(false, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);
+      this._adapter.setBackdropVisibility(true);
+    } else if (this._isInitialized) {
+      this._adapter.setBackdropVisibility(false).then(() => {
+        if (!this._open) {
+          this._adapter.toggleBackdropClass(true, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);
+        }
+      });
+    }
+  }
+};
+
+// dist/build/lib/staging/src/drawer/modal-drawer/modal-drawer.ts
+var template = '<template><forge-backdrop class="forge-drawer__scrim" hidden part="scrim"></forge-backdrop><div class="forge-drawer forge-drawer--modal" part="root"><slot name="header"></slot><div class="forge-drawer__content" part="content"><slot></slot></div><slot name="footer"></slot></div></template>';
+var styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:"touch";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer--modal{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;top:0;max-width:80%}.forge-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}.forge-drawer--modal.forge-drawer--closed,.forge-drawer--modal.forge-drawer--closing{-webkit-box-shadow:none;box-shadow:none}.forge-drawer--modal.forge-drawer--closing.forge-drawer--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.forge-drawer__scrim{z-index:8;z-index:var(--forge-z-index-dialog,8)}.forge-drawer__scrim--closed{display:none}.forge-drawer.forge-drawer--right{right:0}.forge-drawer--display-none{display:none!important}';
+var ModalDrawerComponent = class extends BaseDrawerComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ModalDrawerFoundation(new ModalDrawerAdapter(this));
+  }
+};
+ModalDrawerComponent = __decorateClass([
+  CustomElement({
+    name: MODAL_DRAWER_CONSTANTS.elementName,
+    dependencies: [BackdropComponent]
+  })
+], ModalDrawerComponent);
+
+// dist/build/lib/staging/src/drawer/modal-drawer/index.ts
+function defineModalDrawerComponent() {
+  defineCustomElement(ModalDrawerComponent);
+}
+
+export {
+  ModalDrawerAdapter,
+  MODAL_DRAWER_CONSTANTS,
+  ModalDrawerFoundation,
+  ModalDrawerComponent,
+  defineModalDrawerComponent
+};
+//# sourceMappingURL=chunk.3NOZRZ7R.js.map