@leavittsoftware/web 1.0.0

package/leavitt/person-group-select/person-group-select.js

@@ -0,0 +1,186 @@
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
+import '../profile-picture/profile-picture';
+import { Debouncer, getSearchTokens } from '../../titanium/helpers/helpers';
+import { TitaniumSnackbarSingleton } from '../../titanium/snackbar/snackbar';
+import Fuse from 'fuse.js';
+import { peopleGroupIcons } from './people-group-icons';
+/**
+ *  Single select input that searches Leavitt Group users and user groups
+ *
+ *  @element leavitt-person-select
+ *
+ */
+let LeavittPersonGroupSelect = class LeavittPersonGroupSelect extends TitaniumSingleSelectBase {
+    #label_accessor_storage = 'Person or group';
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #placeholder_accessor_storage = 'Search for a person or group';
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #peopleApiControllerName_accessor_storage = 'People';
+    /**
+     *  Set the name of the API controller to use
+     */
+    get peopleApiControllerName() { return this.#peopleApiControllerName_accessor_storage; }
+    set peopleApiControllerName(value) { this.#peopleApiControllerName_accessor_storage = value; }
+    #groupApiControllerName_accessor_storage = 'PeopleGroups';
+    /**
+     *  Set the name of the API controller to use
+     */
+    get groupApiControllerName() { return this.#groupApiControllerName_accessor_storage; }
+    set groupApiControllerName(value) { this.#groupApiControllerName_accessor_storage = value; }
+    #pathToSelectedText_accessor_storage = 'Name';
+    get pathToSelectedText() { return this.#pathToSelectedText_accessor_storage; }
+    set pathToSelectedText(value) { this.#pathToSelectedText_accessor_storage = value; }
+    #doSearchDebouncer = new Debouncer((searchTerm) => this.#doSearch(searchTerm));
+    #abortController = new AbortController();
+    searchTermToOData(searchTerm) {
+        const searchTokens = getSearchTokens(searchTerm);
+        if (searchTokens.length < 1) {
+            return null;
+        }
+        return searchTokens.map((token) => `contains(tolower(Name), '${token.toLowerCase()}')`).join(' and ');
+    }
+    async #doSearch(searchTerm) {
+        if (!searchTerm) {
+            return;
+        }
+        this.#abortController.abort();
+        this.#abortController = new AbortController();
+        const all = Promise.all([this.#doPersonSearch(searchTerm), this.#doGroupSearch(searchTerm)]);
+        this.loadWhile(all);
+        const results = await all;
+        const entities = [...(results[0]?.entities ?? []), ...(results[1]?.entities ?? [])];
+        const odataCount = (results[0]?.odataCount ?? 0) + (results[1]?.odataCount ?? 0);
+        const options = {
+            includeScore: true,
+            keys: ['Name'],
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const fuse = new Fuse(entities, options);
+        const fuseResults = fuse.search(searchTerm).sort((a, b) => (b?.score ?? 0) - (a?.score ?? 0));
+        this.suggestions = fuseResults.map((o) => o.item) ?? [];
+        this.count = odataCount ?? 0;
+    }
+    /**
+     * @ignore
+     */
+    async #doPersonSearch(searchTerm) {
+        if (!searchTerm) {
+            return null;
+        }
+        try {
+            const odataParts = ['top=100', 'count=true', 'compute=FullName as Name', 'select=Name,Id,CompanyName,ProfilePictureCdnFileName'];
+            const searchTokens = getSearchTokens(searchTerm);
+            if (searchTokens.length > 0) {
+                const searchFilter = searchTokens.map((token) => `contains(tolower(Name), '${token.toLowerCase()}')`).join(' and ');
+                odataParts.push(`filter=${searchFilter}`);
+            }
+            const results = await this.apiService?.getAsync(`${this.peopleApiControllerName}?${odataParts.join('&')}`, {
+                abortController: this.#abortController,
+            });
+            results?.entities.forEach((p) => (p.type = 'Person'));
+            return results;
+        }
+        catch (error) {
+            if (!error?.message?.includes('Abort error')) {
+                TitaniumSnackbarSingleton.open(error);
+            }
+        }
+        return null;
+    }
+    /**
+     * @ignore
+     */
+    async #doGroupSearch(searchTerm) {
+        if (!searchTerm) {
+            return null;
+        }
+        const filterParts = ['not IsExpired'];
+        try {
+            const odataParts = ['top=100', 'count=true', 'select=Name,Id,Description'];
+            const searchTokens = getSearchTokens(searchTerm);
+            if (searchTokens.length > 0) {
+                filterParts.push(searchTokens.map((token) => `contains(tolower(Name), '${token.toLowerCase()}')`).join(' and '));
+            }
+            odataParts.push(`filter=${filterParts.join(' and ')}`);
+            const results = await this.apiService?.getAsync(`${this.groupApiControllerName}?${odataParts.join('&')}`, {
+                abortController: this.#abortController,
+            });
+            results?.entities.forEach((p) => (p.type = 'PeopleGroup'));
+            return results;
+        }
+        catch (error) {
+            if (!error?.message?.includes('Abort error')) {
+                TitaniumSnackbarSingleton.open(error);
+            }
+        }
+        return null;
+    }
+    static { this.styles = [
+        ...TitaniumSingleSelectBase.styles,
+        css `
+      md-menu-item md-icon[group] {
+        width: 40px;
+        height: 40px;
+        font-size: 40px;
+      }
+
+      md-icon[group] {
+        color: var(--md-sys-color-primary);
+      }
+    `,
+    ]; }
+    // Overloaded base
+    onInputChanged(searchTerm) {
+        this.isLoading = true;
+        this.#doSearchDebouncer.debounce(searchTerm);
+    }
+    renderSelectedLeadingInputSlot(entity) {
+        return entity.type === 'Person'
+            ? html `<profile-picture slot="leading-icon" .fileName=${entity?.ProfilePictureCdnFileName || null} shape="circle" size="24"></profile-picture>`
+            : html `<md-icon group slot="leading-icon">${peopleGroupIcons.get(entity['@odata.type'])?.icon ?? 'task_alt'}</md-icon>`;
+    }
+    renderSuggestion(entity) {
+        return entity.type === 'Person'
+            ? html `<md-menu-item .item=${entity} ?selected=${this.selected?.Id === entity.Id}>
+          <profile-picture slot="start" .fileName=${entity?.ProfilePictureCdnFileName ?? null} shape="circle" size="40"></profile-picture>
+          <span slot="headline">${entity.Name}</span>
+          <span slot="supporting-text">${entity.CompanyName}</span>
+        </md-menu-item>`
+            : entity.type === 'PeopleGroup'
+                ? html `<md-menu-item .item=${entity} ?selected=${this.selected?.Id === entity.Id}>
+          <md-icon group slot="start">${peopleGroupIcons.get(entity['@odata.type'])?.icon ?? 'task_alt'}</md-icon>
+          <span slot="headline">${entity.Name}</span>
+          <span slot="supporting-text">${entity.Description || (peopleGroupIcons.get(entity['@odata.type'])?.displayName ?? 'People group')}</span>
+        </md-menu-item>`
+                : html ``;
+    }
+};
+__decorate([
+    property({ type: String })
+], LeavittPersonGroupSelect.prototype, "label", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonGroupSelect.prototype, "placeholder", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonGroupSelect.prototype, "peopleApiControllerName", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonGroupSelect.prototype, "groupApiControllerName", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonGroupSelect.prototype, "pathToSelectedText", null);
+__decorate([
+    property({ attribute: false })
+], LeavittPersonGroupSelect.prototype, "apiService", void 0);
+LeavittPersonGroupSelect = __decorate([
+    customElement('leavitt-person-group-select')
+], LeavittPersonGroupSelect);
+export { LeavittPersonGroupSelect };
+//# sourceMappingURL=person-group-select.js.map

package/leavitt/person-group-select/person-group-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-group-select.js","sourceRoot":"","sources":["person-group-select.ts"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAEhG,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxD;;;;;GAKG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,wBAAgE;IACvE,0BAAgB,iBAAiB,CAAC;IAAlC,IAAA,KAAK,2CAA6B;IAAlC,IAAA,KAAK,iDAA6B;IAElC,gCAAsB,8BAA8B,CAAC;IAArD,IAAA,WAAW,iDAA0C;IAArD,IAAA,WAAW,uDAA0C;IAKrD,4CAAkC,QAAQ,CAAC;IAHhF;;OAEG;IACkC,IAAA,uBAAuB,6DAAoB;IAA3C,IAAA,uBAAuB,mEAAoB;IAK3C,2CAAiC,cAAc,CAAC;IAHrF;;OAEG;IACkC,IAAA,sBAAsB,4DAA0B;IAAhD,IAAA,sBAAsB,kEAA0B;IAEhD,uCAA6B,MAAM,CAAC;IAApC,IAAA,kBAAkB,wDAAkB;IAApC,IAAA,kBAAkB,8DAAkB;IAOzE,kBAAkB,GAAG,IAAI,SAAS,CAAC,CAAC,UAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IACvF,gBAAgB,GAAoB,IAAI,eAAe,EAAE,CAAC;IAE1D,iBAAiB,CAAC,UAAkB;QAClC,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QACjD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,4BAA4B,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,UAAkB;QAChC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,EAAE,CAAC;QAE9C,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC7F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACpB,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC;QAC1B,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;QACpF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC;QAEjF,MAAM,OAAO,GAAG;YACd,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,CAAC,MAAM,CAAC;SACf,CAAC;QAEF,8DAA8D;QAC9D,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE,OAAc,CAAC,CAAC;QAChD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9F,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,UAAU,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,eAAe,CAAC,UAAkB;QACtC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,IAAI,CAAC;SACb;QAED,IAAI;YACF,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,EAAE,sDAAsD,CAAC,CAAC;YACjI,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;YACjD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,4BAA4B,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC5H,UAAU,CAAC,IAAI,CAAC,UAAU,YAAY,EAAE,CAAC,CAAC;aAC3C;YACD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAS,GAAG,IAAI,CAAC,uBAAuB,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE;gBACjH,eAAe,EAAE,IAAI,CAAC,gBAAgB;aACvC,CAAC,CAAC;YACH,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;YACtD,OAAO,OAAO,CAAC;SAChB;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC5C,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACvC;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,cAAc,CAAC,UAAkB;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,IAAI,CAAC;SACb;QACD,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC,CAAC;QAEtC,IAAI;YACF,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,4BAA4B,CAAC,CAAC;YAC3E,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;YACjD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,4BAA4B,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;aAC1H;YAED,UAAU,CAAC,IAAI,CAAC,UAAU,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAEvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAc,GAAG,IAAI,CAAC,sBAAsB,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE;gBACrH,eAAe,EAAE,IAAI,CAAC,gBAAgB;aACvC,CAAC,CAAC;YACH,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC;YAC3D,OAAO,OAAO,CAAC;SAChB;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC5C,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACvC;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;aAEM,WAAM,GAAG;QACd,GAAG,wBAAwB,CAAC,MAAM;QAClC,GAAG,CAAA;;;;;;;;;;KAUF;KACF,AAbY,CAaX;IAEF,kBAAkB;IACC,cAAc,CAAC,UAAkB;QAClD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC;IAEkB,8BAA8B,CAAC,MAA8C;QAC9F,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAA,kDAAkD,MAAM,EAAE,yBAAyB,IAAI,IAAI,8CAA8C;YAC/I,CAAC,CAAC,IAAI,CAAA,sCAAsC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,IAAI,UAAU,YAAY,CAAC;IAC5H,CAAC;IAEkB,gBAAgB,CAAC,MAA8C;QAChF,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAA,uBAAuB,MAAM,cAAc,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,MAAM,CAAC,EAAE;oDAClC,MAAM,EAAE,yBAAyB,IAAI,IAAI;kCAC3D,MAAM,CAAC,IAAI;yCACJ,MAAM,CAAC,WAAW;wBACnC;YAClB,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,aAAa;gBAC/B,CAAC,CAAC,IAAI,CAAA,uBAAuB,MAAM,cAAc,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,MAAM,CAAC,EAAE;wCAC9C,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,IAAI,UAAU;kCACrE,MAAM,CAAC,IAAI;yCACJ,MAAM,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,IAAI,cAAc,CAAC;wBACnH;gBAClB,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IACb,CAAC;;AA9JoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAA4C;AAElC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAA+D;AAKrD;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uEAAqD;AAK3C;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sEAA0D;AAEhD;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kEAA8C;AAKzC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DAAwB;AApB5C,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAgKpC"}

package/leavitt/person-select/person-select.d.ts

@@ -0,0 +1,33 @@
+import { Person } from '@leavittsoftware/lg-core-typescript';
+import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
+import '../profile-picture/profile-picture';
+import ApiService from '../api-service/api-service';
+/**
+ *  Single select input that searches Leavitt Group users
+ *
+ *  @element leavitt-person-select
+ *
+ */
+export declare class LeavittPersonSelect extends TitaniumSingleSelectBase<Partial<Person>> {
+    #private;
+    accessor label: string;
+    accessor placeholder: string;
+    /**
+     *  Set the name of the API controller to use
+     */
+    accessor apiControllerName: string;
+    accessor pathToSelectedText: string;
+    /**
+     *  Required
+     */
+    apiService: ApiService;
+    /**
+     *  Odata parts for the Person API call
+     */
+    odataParts: Array<string>;
+    searchTermToOData(searchTerm: string): string | null;
+    protected onInputChanged(searchTerm: string): void;
+    protected renderSelectedLeadingInputSlot(entity: Partial<Person>): import("lit-html").TemplateResult<1>;
+    protected renderSuggestion(person: Partial<Person>): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=person-select.d.ts.map

package/leavitt/person-select/person-select.js

@@ -0,0 +1,128 @@
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
+import '../profile-picture/profile-picture';
+import { Debouncer, getSearchTokens } from '../../titanium/helpers/helpers';
+import { TitaniumSnackbarSingleton } from '../../titanium/snackbar/snackbar';
+/**
+ *  Single select input that searches Leavitt Group users
+ *
+ *  @element leavitt-person-select
+ *
+ */
+let LeavittPersonSelect = class LeavittPersonSelect extends TitaniumSingleSelectBase {
+    constructor() {
+        super(...arguments);
+        this.#label_accessor_storage = 'Person';
+        this.#placeholder_accessor_storage = 'Search for a person';
+        this.#apiControllerName_accessor_storage = 'People';
+        this.#pathToSelectedText_accessor_storage = 'FullName';
+        /**
+         *  Odata parts for the Person API call
+         */
+        this.odataParts = [
+            'top=15',
+            'orderby=FullName',
+            'select=FullName,CompanyName,Id,ProfilePictureCdnFileName',
+            'count=true',
+        ];
+        this.#doSearchDebouncer = new Debouncer((searchTerm) => this.#doSearch(searchTerm));
+        this.#abortController = new AbortController();
+    }
+    #label_accessor_storage;
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #placeholder_accessor_storage;
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #apiControllerName_accessor_storage;
+    /**
+     *  Set the name of the API controller to use
+     */
+    get apiControllerName() { return this.#apiControllerName_accessor_storage; }
+    set apiControllerName(value) { this.#apiControllerName_accessor_storage = value; }
+    #pathToSelectedText_accessor_storage;
+    get pathToSelectedText() { return this.#pathToSelectedText_accessor_storage; }
+    set pathToSelectedText(value) { this.#pathToSelectedText_accessor_storage = value; }
+    #doSearchDebouncer;
+    #abortController;
+    searchTermToOData(searchTerm) {
+        const searchTokens = getSearchTokens(searchTerm);
+        if (searchTokens.length < 1) {
+            return null;
+        }
+        return searchTokens.map((token) => `contains(tolower(FullName), '${token.toLowerCase()}')`).join(' and ');
+    }
+    async #doSearch(searchTerm) {
+        if (!searchTerm) {
+            return;
+        }
+        this.#abortController.abort();
+        this.#abortController = new AbortController();
+        try {
+            const searchOData = this.searchTermToOData(searchTerm);
+            const oDataParts = structuredClone(this.odataParts);
+            if (searchOData) {
+                const existingFilterIndex = oDataParts.findIndex((o) => o.startsWith('filter=') || o.startsWith('$filter='));
+                if (existingFilterIndex > -1) {
+                    oDataParts[existingFilterIndex] = [oDataParts[existingFilterIndex], searchOData].join(' and ');
+                }
+                else {
+                    oDataParts.push(`filter=${searchOData}`);
+                }
+            }
+            const get = this.apiService.getAsync(`${this.apiControllerName}?${oDataParts.join('&')}`, { abortController: this.#abortController });
+            this.loadWhile(get);
+            const result = await get;
+            this.suggestions = result?.entities ?? [];
+            this.count = result?.odataCount ?? 0;
+            return;
+        }
+        catch (error) {
+            if (!error?.message?.includes('Abort error')) {
+                TitaniumSnackbarSingleton.open(error);
+            }
+        }
+        this.suggestions = [];
+        this.count = 0;
+    }
+    // Overloaded base
+    onInputChanged(searchTerm) {
+        this.#doSearchDebouncer.debounce(searchTerm);
+    }
+    renderSelectedLeadingInputSlot(entity) {
+        return html ` <profile-picture slot="leading-icon" .fileName=${entity?.ProfilePictureCdnFileName || null} shape="circle" size="24"></profile-picture>`;
+    }
+    renderSuggestion(person) {
+        return html `<md-menu-item .item=${person} ?selected=${this.selected?.Id === person.Id}>
+      <profile-picture slot="start" .fileName=${person?.ProfilePictureCdnFileName ?? null} shape="circle" size="40"></profile-picture>
+      <span slot="headline">${person.FullName}</span>
+      <span slot="supporting-text">${person.CompanyName}</span>
+    </md-menu-item>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], LeavittPersonSelect.prototype, "label", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonSelect.prototype, "placeholder", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonSelect.prototype, "apiControllerName", null);
+__decorate([
+    property({ type: String })
+], LeavittPersonSelect.prototype, "pathToSelectedText", null);
+__decorate([
+    property({ attribute: false })
+], LeavittPersonSelect.prototype, "apiService", void 0);
+__decorate([
+    property({ type: Array })
+], LeavittPersonSelect.prototype, "odataParts", void 0);
+LeavittPersonSelect = __decorate([
+    customElement('leavitt-person-select')
+], LeavittPersonSelect);
+export { LeavittPersonSelect };
+//# sourceMappingURL=person-select.js.map

package/leavitt/person-select/person-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-select.js","sourceRoot":"","sources":["person-select.ts"],"names":[],"mappings":"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"}

package/leavitt/profile-picture/profile-picture-menu.d.ts

@@ -0,0 +1,44 @@
+import './profile-picture';
+import '@material/web/menu/menu';
+import '@material/web/button/outlined-button';
+import '@material/web/button/text-button';
+import { LitElement } from 'lit';
+/**
+ * Profile picture menu for the Leavitt Group
+ *
+ * @element profile-picture-menu
+ *
+ */
+export declare class ProfilePictureMenuElement extends LitElement {
+    /**
+     * Size in pixels of profile picture button
+     */
+    size: number;
+    profilePictureFileName: string | null;
+    /**
+     * Person id of user
+     */
+    personId: number;
+    /**
+     * Email address of user
+     */
+    email: string;
+    /**
+     * Company of user
+     */
+    company: string;
+    /**
+     * Full name of user
+     */
+    name: string;
+    private menu;
+    firstUpdated(): void;
+    /**
+     * Sets properties based on user manager instance
+     */
+    setUserProps(): void;
+    updated(changedProps: any): void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=profile-picture-menu.d.ts.map

package/leavitt/profile-picture/profile-picture-menu.js

@@ -0,0 +1,197 @@
+import { __decorate } from "tslib";
+import './profile-picture';
+import '@material/web/menu/menu';
+import '@material/web/button/outlined-button';
+import '@material/web/button/text-button';
+import { GetUserManagerInstance } from '../user-manager/user-manager';
+import { UserManagerUpdatedEvent } from '../user-manager/user-manager-events';
+import { css, html, LitElement } from 'lit';
+import { property, customElement, query } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+/**
+ * Profile picture menu for the Leavitt Group
+ *
+ * @element profile-picture-menu
+ *
+ */
+let ProfilePictureMenuElement = class ProfilePictureMenuElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Size in pixels of profile picture button
+         */
+        this.size = 40;
+        /**
+         * Person id of user
+         */
+        this.personId = 0;
+        /**
+         * Email address of user
+         */
+        this.email = '';
+        /**
+         * Company of user
+         */
+        this.company = '';
+        /**
+         * Full name of user
+         */
+        this.name = '';
+    }
+    firstUpdated() {
+        GetUserManagerInstance().addEventListener(UserManagerUpdatedEvent.eventName, () => this.setUserProps());
+        this.setUserProps();
+    }
+    /**
+     * Sets properties based on user manager instance
+     */
+    setUserProps() {
+        this.personId = GetUserManagerInstance().personId;
+        this.profilePictureFileName = GetUserManagerInstance().profilePictureFileName;
+        this.email = GetUserManagerInstance().email;
+        this.company = GetUserManagerInstance().company;
+        this.name = GetUserManagerInstance().fullname;
+    }
+    updated(changedProps) {
+        if (changedProps.has('size') && changedProps.get('size') !== this.size) {
+            this.style.width = this.size + 'px';
+            this.style.height = this.size + 'px';
+        }
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      /* --md-menu-container-color: var(--md-sys-color-surface-variant); */
+    }
+
+    div {
+      display: inline-block;
+      position: relative;
+    }
+
+    profile-picture {
+      cursor: pointer;
+    }
+
+    md-menu main {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 300px;
+    }
+
+    md-menu main profile-picture {
+      margin: 24px 24px 20px;
+    }
+
+    md-menu h1 {
+      display: block;
+      font-family: Metropolis, 'Roboto', 'Noto', sans-serif;
+      font-size: 18px;
+      font-weight: 400;
+      line-height: 24px;
+      letter-spacing: 0.25px;
+      margin: 0;
+      padding: 0 24px 0 24px;
+    }
+
+    md-menu h2 {
+      display: flex;
+      font-family: Roboto, sans-serif;
+
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0.25px;
+      margin: 0;
+      padding: 0 24px 12px 24px;
+    }
+
+    md-menu h2[company] {
+      padding-bottom: 12px;
+    }
+
+    md-menu slot-container {
+      display: flex;
+      flex-direction: column;
+    }
+
+    md-outlined-button {
+      margin: 12px 24px 24px 24px;
+    }
+
+    md-menu footer {
+      display: flex;
+      flex-direction: column;
+      align-items: end;
+      padding: 0 8px;
+      width: 300px;
+    }
+  `; }
+    render() {
+        return html `
+      <div
+        style=${styleMap({
+            height: `${this.size}px`,
+            width: `${this.size}px`,
+        })}
+      >
+        <profile-picture
+          id="profile-picture"
+          shape="circle"
+          .fileName=${this.profilePictureFileName}
+          .size=${this.size}
+          @click=${() => {
+            if (this.personId) {
+                this.menu.show();
+            }
+            else {
+                GetUserManagerInstance().authenticateAsync();
+            }
+        }}
+        ></profile-picture>
+        <md-menu y-offset="4" anchor="profile-picture" menu-corner="start-end" anchor-corner="end-end">
+          <main>
+            <profile-picture shape="circle" .fileName=${this.profilePictureFileName} size="90"></profile-picture>
+            <h1>${this.name}</h1>
+            ${this.company ? html `<h2 company>${this.company}</h2>` : ''}
+            <h2>${this.email}</h2>
+            <slot-container>
+              <slot name="content"></slot>
+            </slot-container>
+            <md-outlined-button account href="https://accounts.leavitt.com/" target="_blank">Manage your Leavitt account</md-outlined-button>
+          </main>
+          <md-divider role="separator" tabindex="-1"></md-divider>
+          <footer>
+            <md-text-button @click=${() => GetUserManagerInstance().logout()}>Sign out</md-text-button>
+          </footer>
+        </md-menu>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], ProfilePictureMenuElement.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], ProfilePictureMenuElement.prototype, "profilePictureFileName", void 0);
+__decorate([
+    property({ type: Number })
+], ProfilePictureMenuElement.prototype, "personId", void 0);
+__decorate([
+    property({ type: String })
+], ProfilePictureMenuElement.prototype, "email", void 0);
+__decorate([
+    property({ type: String })
+], ProfilePictureMenuElement.prototype, "company", void 0);
+__decorate([
+    property({ type: String })
+], ProfilePictureMenuElement.prototype, "name", void 0);
+__decorate([
+    query('md-menu')
+], ProfilePictureMenuElement.prototype, "menu", void 0);
+ProfilePictureMenuElement = __decorate([
+    customElement('profile-picture-menu')
+], ProfilePictureMenuElement);
+export { ProfilePictureMenuElement };
+//# sourceMappingURL=profile-picture-menu.js.map

package/leavitt/profile-picture/profile-picture-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture-menu.js","sourceRoot":"","sources":["profile-picture-menu.ts"],"names":[],"mappings":"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"}

package/leavitt/profile-picture/profile-picture.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * Displays a Leavitt Group users profile picture
+ *
+ * @element profile-picture
+ *
+ */
+export declare class ProfilePictureElement extends LitElement {
+    #private;
+    /**
+     * File name of the profile picture on CDN, no extension
+     */
+    fileName: string | null;
+    /**
+     * Shape of profile picture
+     */
+    shape: 'circle' | 'square';
+    /**
+     * Shows a colored ring around the picture
+     */
+    showRing: boolean;
+    /**
+     * Makes the image a link to the respective profile page
+     */
+    profilePictureLinkPersonId: number | null;
+    /**
+     * Size in pixels of profile picture
+     */
+    size: number;
+    /**
+     *  Setting true will cause the size attribute to only determine what size image to fetch from CDN and not set any CSS size styles on the image. Therefore the image will be displayed at its intrinsic size unless further overridden by the consumer.
+     */
+    useIntrinsicImageSize: boolean;
+    updated(changedProps: any): void;
+    static styles: import("lit").CSSResult;
+    renderProfilePicture(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=profile-picture.d.ts.map