@leavittsoftware/web 2.16.1 → 2.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/leavitt/person-group-select/person-group-select.js +6 -2
- package/leavitt/person-group-select/person-group-select.js.map +1 -1
- package/package.json +2 -2
- package/titanium/icon-picker/icon-picker.d.ts +12 -0
- package/titanium/icon-picker/icon-picker.js +79 -10
- package/titanium/icon-picker/icon-picker.js.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
3
|
-
import { css, html } from 'lit';
|
|
3
|
+
import { css, html, nothing } from 'lit';
|
|
4
4
|
import { customElement, property } from 'lit/decorators.js';
|
|
5
5
|
import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
|
|
6
6
|
import '../profile-picture/profile-picture';
|
|
@@ -110,7 +110,7 @@ let LeavittPersonGroupSelect = class LeavittPersonGroupSelect extends TitaniumSi
|
|
|
110
110
|
}
|
|
111
111
|
const filterParts = ['not IsExpired'];
|
|
112
112
|
try {
|
|
113
|
-
const odataParts = ['top=100', 'count=true', 'select=Name,Id,Description'];
|
|
113
|
+
const odataParts = ['top=100', 'count=true', 'select=Name,Id,Description', 'expand=EffectiveMembers(top=0;count=true)'];
|
|
114
114
|
const searchTokens = getSearchTokens(searchTerm);
|
|
115
115
|
if (searchTokens.length > 0) {
|
|
116
116
|
filterParts.push(searchTokens.map((token) => `contains(tolower(Name), '${token.toLowerCase()}')`).join(' and '));
|
|
@@ -163,6 +163,10 @@ let LeavittPersonGroupSelect = class LeavittPersonGroupSelect extends TitaniumSi
|
|
|
163
163
|
? html `<md-menu-item .item=${entity} ?selected=${this.selected?.Id === entity.Id}>
|
|
164
164
|
<md-icon group slot="start">${peopleGroupIcons.get(entity['@odata.type'])?.icon ?? 'task_alt'}</md-icon>
|
|
165
165
|
<span slot="headline">${entity.Name}</span>
|
|
166
|
+
|
|
167
|
+
${Object.keys(entity).some((o) => o === 'EffectiveMembers@odata.count')
|
|
168
|
+
? html ` <span slot="overline"> ${entity['EffectiveMembers@odata.count']} user${entity['EffectiveMembers@odata.count'] === 1 ? '' : 's'} </span>`
|
|
169
|
+
: nothing}
|
|
166
170
|
<span slot="supporting-text">${entity.Description || (peopleGroupIcons.get(entity['@odata.type'])?.displayName ?? 'People group')}</span>
|
|
167
171
|
</md-menu-item>`
|
|
168
172
|
: html ``;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"person-group-select.js","sourceRoot":"","sources":["person-group-select.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leavittsoftware/web",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.18.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"files": [
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"url": "https://github.com/LeavittSoftware/titanium-elements/issues"
|
|
41
41
|
},
|
|
42
42
|
"homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "d208f85d1f790e6a3389b3e81fd0a8a606ddba8f"
|
|
44
44
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
1
2
|
import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
|
|
2
3
|
export type MaterialIconDatabaseEntry = {
|
|
3
4
|
Id: number;
|
|
4
5
|
keywords: string;
|
|
5
6
|
icon: string;
|
|
7
|
+
favorite?: boolean;
|
|
6
8
|
};
|
|
7
9
|
/**
|
|
8
10
|
* Titanium icon picker - a picker for material icons
|
|
@@ -15,9 +17,19 @@ export declare class TitaniumIconPicker extends TitaniumSingleSelectBase<Materia
|
|
|
15
17
|
accessor label: string;
|
|
16
18
|
accessor placeholder: string;
|
|
17
19
|
accessor pathToSelectedText: string;
|
|
20
|
+
/**
|
|
21
|
+
* Optional: A string list of icons names that are presented at the top of the suggestion list.
|
|
22
|
+
*/
|
|
23
|
+
accessor favorites: string | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* Optional: A string list of icons names to make available to user. If non provided, all icons will be available
|
|
26
|
+
*/
|
|
27
|
+
accessor whitelist: string | undefined;
|
|
18
28
|
firstUpdated(): Promise<void>;
|
|
29
|
+
update(changed: PropertyValues<this>): void;
|
|
19
30
|
protected onInputChanged(searchTerm: string): void;
|
|
20
31
|
protected renderSelectedLeadingInputSlot(entity: MaterialIconDatabaseEntry): import("lit-html").TemplateResult<1>;
|
|
32
|
+
static styles: import("lit").CSSResult[];
|
|
21
33
|
protected renderSuggestion(entity: MaterialIconDatabaseEntry): import("lit-html").TemplateResult<1>;
|
|
22
34
|
}
|
|
23
35
|
//# sourceMappingURL=icon-picker.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { html } from 'lit';
|
|
2
|
+
import { css, html } from 'lit';
|
|
3
3
|
import { property, customElement } from 'lit/decorators.js';
|
|
4
4
|
import Fuse from 'fuse.js';
|
|
5
5
|
import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
|
|
@@ -21,14 +21,44 @@ let TitaniumIconPicker = class TitaniumIconPicker extends TitaniumSingleSelectBa
|
|
|
21
21
|
#pathToSelectedText_accessor_storage = 'icon';
|
|
22
22
|
get pathToSelectedText() { return this.#pathToSelectedText_accessor_storage; }
|
|
23
23
|
set pathToSelectedText(value) { this.#pathToSelectedText_accessor_storage = value; }
|
|
24
|
-
#
|
|
24
|
+
#favorites_accessor_storage;
|
|
25
|
+
/**
|
|
26
|
+
* Optional: A string list of icons names that are presented at the top of the suggestion list.
|
|
27
|
+
*/
|
|
28
|
+
get favorites() { return this.#favorites_accessor_storage; }
|
|
29
|
+
set favorites(value) { this.#favorites_accessor_storage = value; }
|
|
30
|
+
#whitelist_accessor_storage;
|
|
31
|
+
/**
|
|
32
|
+
* Optional: A string list of icons names to make available to user. If non provided, all icons will be available
|
|
33
|
+
*/
|
|
34
|
+
get whitelist() { return this.#whitelist_accessor_storage; }
|
|
35
|
+
set whitelist(value) { this.#whitelist_accessor_storage = value; }
|
|
36
|
+
#iconDatabase = [];
|
|
25
37
|
async firstUpdated() {
|
|
26
|
-
this.#iconDatabase =
|
|
38
|
+
this.#iconDatabase = this.#generateDatabase();
|
|
39
|
+
this.defaultSuggestions = this.#generateSuggestions();
|
|
40
|
+
}
|
|
41
|
+
update(changed) {
|
|
42
|
+
if (changed.has('favorites') || changed.has('whitelist')) {
|
|
43
|
+
this.#iconDatabase = this.#generateDatabase();
|
|
44
|
+
this.defaultSuggestions = this.#generateSuggestions();
|
|
45
|
+
}
|
|
46
|
+
super.update(changed);
|
|
47
|
+
}
|
|
48
|
+
#generateDatabase() {
|
|
49
|
+
const whitelist = this.whitelist?.split(',');
|
|
50
|
+
const favoriteIcons = this.favorites?.split(',');
|
|
51
|
+
return MaterialSymbols.filter((icon) => whitelist?.some((w) => icon === w) ?? true)
|
|
52
|
+
.map((icon, i) => ({
|
|
27
53
|
Id: i + 1,
|
|
28
54
|
icon: icon,
|
|
29
55
|
keywords: icon,
|
|
30
|
-
|
|
31
|
-
|
|
56
|
+
favorite: favoriteIcons?.some((o) => o === icon),
|
|
57
|
+
}))
|
|
58
|
+
.sort((a, b) => (b.favorite ? 1 : 0) - (a.favorite ? 1 : 0) || a.icon.localeCompare(b.icon));
|
|
59
|
+
}
|
|
60
|
+
#generateSuggestions() {
|
|
61
|
+
return this.#iconDatabase?.slice(0, 50);
|
|
32
62
|
}
|
|
33
63
|
#doSearchDebouncer = new Debouncer((searchTerm) => this.#doSearch(searchTerm));
|
|
34
64
|
#abortController = new AbortController();
|
|
@@ -55,12 +85,45 @@ let TitaniumIconPicker = class TitaniumIconPicker extends TitaniumSingleSelectBa
|
|
|
55
85
|
renderSelectedLeadingInputSlot(entity) {
|
|
56
86
|
return html ` <md-icon slot="leading-icon">${entity.icon}</md-icon> `;
|
|
57
87
|
}
|
|
88
|
+
static { this.styles = [
|
|
89
|
+
...TitaniumSingleSelectBase.styles,
|
|
90
|
+
css `
|
|
91
|
+
md-menu-item[inert] {
|
|
92
|
+
--md-menu-item-bottom-space: 4px;
|
|
93
|
+
--md-menu-item-top-space: 4px;
|
|
94
|
+
--md-menu-item-two-line-container-height: 50px;
|
|
95
|
+
background-color: var(--md-sys-color-surface-container-high);
|
|
96
|
+
--md-menu-item-supporting-text-size: 12px;
|
|
97
|
+
}
|
|
98
|
+
`,
|
|
99
|
+
]; }
|
|
58
100
|
renderSuggestion(entity) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
101
|
+
const favorites = this.defaultSuggestions.filter((o) => o.favorite);
|
|
102
|
+
const nonFavorites = this.defaultSuggestions.filter((o) => !o.favorite);
|
|
103
|
+
return html `
|
|
104
|
+
${!this.searchTerm && favorites?.length && favorites.at(0) === entity
|
|
105
|
+
? html `<md-menu-item inert>
|
|
106
|
+
<md-icon slot="end">favorite</md-icon>
|
|
107
|
+
<div slot="headline">Favorite icon${favorites.length === 1 ? '' : 's'}</div>
|
|
108
|
+
<div slot="supporting-text">${favorites.length} most commonly used icon${favorites.length === 1 ? '' : 's'}</div>
|
|
109
|
+
</md-menu-item>`
|
|
110
|
+
: ''}
|
|
111
|
+
${!this.searchTerm && nonFavorites.at(0) === entity
|
|
112
|
+
? html `
|
|
113
|
+
<md-menu-item inert>
|
|
114
|
+
<md-icon slot="end">sort_by_alpha</md-icon>
|
|
115
|
+
<div slot="headline">All icons</div>
|
|
116
|
+
<div slot="supporting-text">Showing ${nonFavorites.length} of ${this.#iconDatabase.length - favorites.length}</div>
|
|
117
|
+
</md-menu-item>
|
|
118
|
+
`
|
|
119
|
+
: ''}
|
|
120
|
+
|
|
121
|
+
<md-menu-item .item=${entity} ?selected=${this.selected?.Id === entity.Id}>
|
|
122
|
+
<slot name="trailing-icon" slot="trailing-icon"></slot>
|
|
123
|
+
<span slot="headline">${entity.icon}</span>
|
|
124
|
+
<md-icon slot="start">${entity.icon}</md-icon>
|
|
125
|
+
</md-menu-item>
|
|
126
|
+
`;
|
|
64
127
|
}
|
|
65
128
|
};
|
|
66
129
|
__decorate([
|
|
@@ -72,6 +135,12 @@ __decorate([
|
|
|
72
135
|
__decorate([
|
|
73
136
|
property({ type: String })
|
|
74
137
|
], TitaniumIconPicker.prototype, "pathToSelectedText", null);
|
|
138
|
+
__decorate([
|
|
139
|
+
property({ type: String })
|
|
140
|
+
], TitaniumIconPicker.prototype, "favorites", null);
|
|
141
|
+
__decorate([
|
|
142
|
+
property({ type: String })
|
|
143
|
+
], TitaniumIconPicker.prototype, "whitelist", null);
|
|
75
144
|
TitaniumIconPicker = __decorate([
|
|
76
145
|
customElement('titanium-icon-picker')
|
|
77
146
|
], TitaniumIconPicker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-picker.js","sourceRoot":"","sources":["icon-picker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-picker.js","sourceRoot":"","sources":["icon-picker.ts"],"names":[],"mappings":"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"}
|