@tylertech/forge 3.5.0 → 3.6.0-dev.0

package/esm/avatar/avatar-adapter.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IAvatarComponent } from './avatar';
-export interface IAvatarAdapter extends IBaseAdapter {
-    setBackgroundImageUrl(url: string): Promise<boolean>;
-    removeBackgroundImage(): void;
-    setText(value: string): void;
-    clearText(): void;
-}
-/**
- * The DOM adapter behind the `<forge-avatar>` element.
- */
-export declare class AvatarAdapter extends BaseAdapter<IAvatarComponent> implements IAvatarAdapter {
-    private _root;
-    private _defaultSlot;
-    constructor(component: IAvatarComponent);
-    /**
-     * Sets the background image URL.
-     * @param url The URL.
-     */
-    setBackgroundImageUrl(url: string): Promise<boolean>;
-    /**
-     * Removes the background image URL.
-     */
-    removeBackgroundImage(): void;
-    /**
-     * Sets the avatar text content.
-     * @param value The text value.
-     */
-    setText(value: string): void;
-    clearText(): void;
-}

package/esm/avatar/avatar-adapter.js

@@ -1,55 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { getShadowElement, removeAllChildren } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { AVATAR_CONSTANTS } from './avatar-constants';
-/**
- * The DOM adapter behind the `<forge-avatar>` element.
- */
-export class AvatarAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-        this._root = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.ROOT);
-        this._defaultSlot = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.DEFAULT_SLOT);
-    }
-    /**
-     * Sets the background image URL.
-     * @param url The URL.
-     */
-    async setBackgroundImageUrl(url) {
-        // Set before loading image to prevent a flash of background color
-        this._root.classList.add('forge-avatar--image');
-        return new Promise(resolve => {
-            const image = new Image();
-            image.onload = () => {
-                this._root.style.backgroundImage = `url(${image.src})`;
-                resolve(true);
-            };
-            image.onerror = () => {
-                this._root.classList.remove('forge-avatar--image');
-                resolve(false);
-            };
-            image.src = url;
-        });
-    }
-    /**
-     * Removes the background image URL.
-     */
-    removeBackgroundImage() {
-        this._root.style.removeProperty('background-image');
-        this._root.classList.remove('forge-avatar--image');
-    }
-    /**
-     * Sets the avatar text content.
-     * @param value The text value.
-     */
-    setText(value) {
-        this._defaultSlot.textContent = value;
-    }
-    clearText() {
-        removeAllChildren(this._defaultSlot);
-    }
-}

package/esm/avatar/avatar-core.d.ts

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IAvatarAdapter } from './avatar-adapter';
-export interface IAvatarCore {
-    imageUrl: string;
-    text: string;
-    letterCount: number;
-}
-export declare class AvatarCore implements IAvatarCore {
-    private _adapter;
-    private _imageUrl;
-    private _text;
-    private _letterCount;
-    private _initialized;
-    constructor(_adapter: IAvatarAdapter);
-    initialize(): void;
-    destroy(): void;
-    private _render;
-    private _setBackgroundImageUrl;
-    private _setText;
-    /**
-     * Gets the text content to display in the avatar.
-     * @param {string} value The text to parse.
-     */
-    private _getTextContent;
-    /** Gets/sets the text to display. */
-    get text(): string;
-    set text(value: string);
-    /** Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used. */
-    get letterCount(): number;
-    set letterCount(value: number);
-    /** Sets the background image URL to use. */
-    get imageUrl(): string;
-    set imageUrl(value: string);
-}

package/esm/avatar/avatar-core.js

@@ -1,101 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { isDefined, isString } from '@tylertech/forge-core';
-import { AVATAR_CONSTANTS } from './avatar-constants';
-export class AvatarCore {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._text = '';
-        this._letterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;
-        this._initialized = false;
-    }
-    initialize() {
-        this._render();
-        this._initialized = true;
-    }
-    destroy() {
-        this._initialized = false;
-    }
-    _render() {
-        this._setText();
-        this._setBackgroundImageUrl();
-    }
-    async _setBackgroundImageUrl() {
-        if (this._imageUrl) {
-            if (await this._adapter.setBackgroundImageUrl(this._imageUrl)) {
-                this._adapter.clearText();
-            }
-        }
-        else {
-            this._adapter.removeBackgroundImage();
-        }
-    }
-    _setText() {
-        const data = this._getTextContent(this._text, this._letterCount);
-        if (data) {
-            this._adapter.setText(data);
-        }
-        else {
-            this._adapter.clearText();
-        }
-    }
-    /**
-     * Gets the text content to display in the avatar.
-     * @param {string} value The text to parse.
-     */
-    _getTextContent(value, count) {
-        if (!value || !isString(value) || count <= 0) {
-            return '';
-        }
-        let text;
-        if (count === 1) {
-            text = value[0].toUpperCase();
-        }
-        else {
-            const words = value.match(/\S+/g) || [];
-            text = words.slice(0, count).reduce((prev, curr) => (prev += curr[0].toUpperCase()), '');
-        }
-        return text;
-    }
-    /** Gets/sets the text to display. */
-    get text() {
-        return this._text;
-    }
-    set text(value) {
-        if (this._text !== value) {
-            this._text = value || '';
-            this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.TEXT, this._text);
-            if (this._initialized) {
-                this._render();
-            }
-        }
-    }
-    /** Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used. */
-    get letterCount() {
-        return this._letterCount;
-    }
-    set letterCount(value) {
-        if (this._letterCount !== value) {
-            this._letterCount = value;
-            this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.LETTER_COUNT, isDefined(this._letterCount) ? this._letterCount.toString() : '');
-            if (this._initialized) {
-                this._render();
-            }
-        }
-    }
-    /** Sets the background image URL to use. */
-    get imageUrl() {
-        return this._imageUrl;
-    }
-    set imageUrl(value) {
-        if (this._imageUrl !== value) {
-            this._imageUrl = value;
-            if (this._initialized) {
-                this._render();
-            }
-        }
-    }
-}