@tylertech/forge 2.0.0

package/esm/profile-card/profile-card-adapter.js

@@ -0,0 +1,81 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getShadowElement } from '@tylertech/forge-core';
+import { BaseAdapter } from '../core/base/base-adapter';
+import { PROFILE_CARD_CONSTANTS } from './profile-card-constants';
+export class ProfileCardAdapter 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());
+    }
+}

package/esm/profile-card/profile-card-constants.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const PROFILE_CARD_CONSTANTS: {
+    elementName: "forge-profile-card";
+    attributes: {
+        FULL_NAME: string;
+        EMAIL: string;
+        SIGN_OUT: string;
+        PROFILE: string;
+        AVATAR_TEXT: string;
+        AVATAR_IMAGE_URL: string;
+        AVATAR_LETTER_COUNT: string;
+    };
+    selectors: {
+        FULL_NAME: string;
+        EMAIL: string;
+        AVATAR: string;
+        ACTION_TOOLBAR: string;
+        PROFILE_BUTTON: string;
+        SIGN_OUT_BUTTON: string;
+    };
+    defaults: {
+        SHOW_SIGN_OUT_BUTTON: boolean;
+        SHOW_PROFILE_BUTTON: boolean;
+    };
+    events: {
+        SIGN_OUT: string;
+        PROFILE: string;
+    };
+};

package/esm/profile-card/profile-card-constants.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}profile-card`;
+const 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'
+};
+const 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'
+};
+const defaults = {
+    SHOW_SIGN_OUT_BUTTON: true,
+    SHOW_PROFILE_BUTTON: false
+};
+const events = {
+    SIGN_OUT: `${elementName}-sign-out`,
+    PROFILE: `${elementName}-profile`
+};
+export const PROFILE_CARD_CONSTANTS = {
+    elementName,
+    attributes,
+    selectors,
+    defaults,
+    events
+};

package/esm/profile-card/profile-card-foundation.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IProfileCardAdapter } from './profile-card-adapter';
+export interface IProfileCardFoundation extends ICustomElementFoundation {
+    fullName: string;
+    email: string;
+    signOut: boolean;
+    profile: boolean;
+    avatarText: string;
+    avatarImageUrl: string;
+    avatarLetterCount: number;
+}
+export declare class ProfileCardFoundation implements IProfileCardFoundation {
+    private _adapter;
+    private _fullName;
+    private _email;
+    private _avatarText;
+    private _avatarImageUrl;
+    private _avatarLetterCount;
+    private _showSignOutButton;
+    private _showProfileButton;
+    private _profileListener;
+    private _signOutListener;
+    constructor(_adapter: IProfileCardAdapter);
+    initialize(): void;
+    private _requestInitialFocus;
+    private _setActionVisibility;
+    private _onProfileButtonClick;
+    private _onSignOutButtonClick;
+    get fullName(): string;
+    set fullName(value: string);
+    get email(): string;
+    set email(value: string);
+    get avatarText(): string;
+    set avatarText(value: string);
+    get avatarImageUrl(): string;
+    set avatarImageUrl(value: string);
+    get avatarLetterCount(): number;
+    set avatarLetterCount(value: number);
+    get signOut(): boolean;
+    set signOut(value: boolean);
+    get profile(): boolean;
+    set profile(value: boolean);
+}

package/esm/profile-card/profile-card-foundation.js

@@ -0,0 +1,108 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { PROFILE_CARD_CONSTANTS } from './profile-card-constants';
+export class ProfileCardFoundation {
+    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();
+        }
+    }
+}

package/esm/profile-card/profile-card.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface IProfileCardComponent extends IBaseComponent {
+    fullName: string;
+    email: string;
+    signOut: boolean;
+    profile: boolean;
+    avatarText: string;
+    avatarImageUrl: string;
+    avatarLetterCount: number;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-profile-card': IProfileCardComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-profile-card-sign-out': CustomEvent<void>;
+        'forge-profile-card-profile': CustomEvent<void>;
+    }
+}
+export declare class ProfileCardComponent extends BaseComponent implements IProfileCardComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    fullName: string;
+    email: string;
+    signOut: boolean;
+    profile: boolean;
+    avatarText: string;
+    avatarImageUrl: string;
+    avatarLetterCount: number;
+}

package/esm/profile-card/profile-card.js

@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate, coerceBoolean, coerceNumber, FoundationProperty } from '@tylertech/forge-core';
+import { ProfileCardAdapter } from './profile-card-adapter';
+import { ProfileCardFoundation } from './profile-card-foundation';
+import { PROFILE_CARD_CONSTANTS } from './profile-card-constants';
+import { ButtonComponent } from '../button';
+import { AvatarComponent } from '../avatar';
+import { ToolbarComponent } from '../toolbar';
+import { BaseComponent } from '../core/base/base-component';
+const 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>';
+const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.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)}';
+let ProfileCardComponent = class ProfileCardComponent 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;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "fullName", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "email", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "signOut", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "profile", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "avatarText", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "avatarImageUrl", void 0);
+__decorate([
+    FoundationProperty()
+], ProfileCardComponent.prototype, "avatarLetterCount", void 0);
+ProfileCardComponent = __decorate([
+    CustomElement({
+        name: PROFILE_CARD_CONSTANTS.elementName,
+        dependencies: [
+            ToolbarComponent,
+            ButtonComponent,
+            AvatarComponent
+        ]
+    })
+], ProfileCardComponent);
+export { ProfileCardComponent };

package/esm/quantity-field/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './quantity-field-adapter';
+export * from './quantity-field-constants';
+export * from './quantity-field-foundation';
+export * from './quantity-field';
+export * from './quantity-field-component-delegate';
+export declare function defineQuantityFieldComponent(): void;

package/esm/quantity-field/index.js

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { QuantityFieldComponent } from './quantity-field';
+export * from './quantity-field-adapter';
+export * from './quantity-field-constants';
+export * from './quantity-field-foundation';
+export * from './quantity-field';
+export * from './quantity-field-component-delegate';
+export function defineQuantityFieldComponent() {
+    defineCustomElement(QuantityFieldComponent);
+}

package/esm/quantity-field/quantity-field-adapter.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
+import { IQuantityFieldComponent } from './quantity-field';
+export interface IQuantityFieldAdapter extends IBaseAdapter {
+    addRootClass(name: string): void;
+    removeRootClass(name: string): void;
+    inputHasAttribute(name: string): boolean;
+    addIncrementButtonSlotListener(listener: () => void): void;
+    removeIncrementButtonSlotListener(listener: () => void): void;
+    addDecrementButtonSlotListener(listener: (evt: Event) => void): void;
+    removeDecrementButtonSlotListener(listener: (evt: Event) => void): void;
+    addIncrementEventListener(event: string, callback: (event: Event) => void): void;
+    addDecrementEventListener(event: string, callback: (event: Event) => void): void;
+    removeIncrementEventListener(event: string, callback: (event: Event) => void): void;
+    removeDecrementEventListener(event: string, callback: (event: Event) => void): void;
+    addIncrementButtonAttribute(name: string, value?: string): void;
+    removeIncrementButtonAttribute(name: string): void;
+    addDecrementButtonAttribute(name: string, value?: string): void;
+    removeDecrementButtonAttribute(name: string): void;
+    addInputDisabledAttributeChangeListener(callback: () => void): void;
+    addTextFieldAttribute(name: string, value?: string): void;
+    removeTextFieldAttribute(name: string): void;
+    removeInputDisabledAttributeChangeListener(): void;
+    setLabelAsRequired(required: boolean): void;
+    increment(): void;
+    decrement(): void;
+}
+export declare class QuantityFieldAdapter extends BaseAdapter<IQuantityFieldComponent> implements IQuantityFieldAdapter {
+    private _rootElement;
+    private _incrementButtonSlot;
+    private _decrementButtonSlot;
+    private _incrementButton;
+    private _decrementButton;
+    private _textField;
+    private _inputElement;
+    private _inputAttributeMutationObserver;
+    constructor(component: IQuantityFieldComponent);
+    addRootClass(name: string): void;
+    removeRootClass(name: string): void;
+    inputHasAttribute(name: string): boolean;
+    addIncrementButtonSlotListener(listener: () => void): void;
+    removeIncrementButtonSlotListener(listener: () => void): void;
+    addDecrementButtonSlotListener(listener: (evt: Event) => void): void;
+    removeDecrementButtonSlotListener(listener: (evt: Event) => void): void;
+    addTextFieldAttribute(name: string, value?: string): void;
+    removeTextFieldAttribute(name: string): void;
+    addIncrementEventListener(event: string, callback: (event: Event) => void): void;
+    removeIncrementEventListener(event: string, callback: (event: Event) => void): void;
+    addDecrementEventListener(event: string, callback: (event: Event) => void): void;
+    removeDecrementEventListener(event: string, callback: (event: Event) => void): void;
+    addIncrementButtonAttribute(name: string, value?: string): void;
+    removeIncrementButtonAttribute(name: string): void;
+    addDecrementButtonAttribute(name: string, value?: string): void;
+    removeDecrementButtonAttribute(name: string): void;
+    setLabelAsRequired(required: boolean): void;
+    increment(): void;
+    decrement(): void;
+    addInputDisabledAttributeChangeListener(callback: () => void): void;
+    removeInputDisabledAttributeChangeListener(): void;
+    private _setInputValue;
+    private _isNullOrUndefinedOrEmpty;
+    private _setupInputDisabledAttributeMutationObserver;
+    private _cleanupInputDisabledAttributeMutationObserver;
+    private _inputDisabledAttributeMutationCallback;
+    private get _incrementButtonElement();
+    private get _decrementButtonElement();
+    private get _textFieldComponent();
+    get inputElement(): HTMLInputElement | null;
+    private get _inputStep();
+    private get _inputMax();
+    private get _inputMin();
+    private _calcPrecision;
+}