@design.estate/dees-catalog 3.55.6 → 3.57.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/dist_bundle/bundle.js +2326 -2214
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown-popup.d.ts +44 -0
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown-popup.js +434 -0
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.d.ts +5 -13
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.js +74 -275
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-input/dees-input-dropdown/index.js +2 -1
- package/dist_ts_web/elements/00group-input/dees-input-fileupload/component.d.ts +1 -1
- package/dist_ts_web/elements/00group-input/dees-input-fileupload/component.js +34 -48
- package/dist_ts_web/elements/00group-input/dees-input-fileupload/styles.js +106 -130
- package/dist_ts_web/elements/00theme.js +2 -1
- package/dist_watch/bundle.js +2326 -2214
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown-popup.ts +374 -0
- package/ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.ts +88 -263
- package/ts_web/elements/00group-input/dees-input-dropdown/index.ts +1 -0
- package/ts_web/elements/00group-input/dees-input-fileupload/component.ts +33 -48
- package/ts_web/elements/00group-input/dees-input-fileupload/styles.ts +105 -129
- package/ts_web/elements/00theme.ts +1 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.
|
|
6
|
+
version: '3.57.0',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { type TemplateResult, DeesElement } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'dees-input-dropdown-popup': DeesInputDropdownPopup;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class DeesInputDropdownPopup extends DeesElement {
|
|
8
|
+
accessor options: {
|
|
9
|
+
option: string;
|
|
10
|
+
key: string;
|
|
11
|
+
payload?: any;
|
|
12
|
+
}[];
|
|
13
|
+
accessor enableSearch: boolean;
|
|
14
|
+
accessor opensToTop: boolean;
|
|
15
|
+
accessor triggerRect: DOMRect | null;
|
|
16
|
+
accessor ownerComponent: HTMLElement | null;
|
|
17
|
+
accessor filteredOptions: {
|
|
18
|
+
option: string;
|
|
19
|
+
key: string;
|
|
20
|
+
payload?: any;
|
|
21
|
+
}[];
|
|
22
|
+
accessor highlightedIndex: number;
|
|
23
|
+
accessor searchValue: string;
|
|
24
|
+
accessor menuZIndex: number;
|
|
25
|
+
accessor visible: boolean;
|
|
26
|
+
private windowLayer;
|
|
27
|
+
private isDestroying;
|
|
28
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
29
|
+
render(): TemplateResult;
|
|
30
|
+
private computePositionStyle;
|
|
31
|
+
show(): Promise<void>;
|
|
32
|
+
hide(): Promise<void>;
|
|
33
|
+
focusSearchInput(): Promise<void>;
|
|
34
|
+
updateOptions(options: {
|
|
35
|
+
option: string;
|
|
36
|
+
key: string;
|
|
37
|
+
payload?: any;
|
|
38
|
+
}[]): void;
|
|
39
|
+
private selectOption;
|
|
40
|
+
private handleSearch;
|
|
41
|
+
private handleSearchKeydown;
|
|
42
|
+
private handleScrollOrResize;
|
|
43
|
+
disconnectedCallback(): Promise<void>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,434 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { customElement, property, state, html, css, cssManager, DeesElement, } from '@design.estate/dees-element';
|
|
36
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
37
|
+
import { zIndexRegistry } from '../../00zindex.js';
|
|
38
|
+
import { cssGeistFontFamily } from '../../00fonts.js';
|
|
39
|
+
import { themeDefaultStyles } from '../../00theme.js';
|
|
40
|
+
import { DeesWindowLayer } from '../../00group-overlay/dees-windowlayer/dees-windowlayer.js';
|
|
41
|
+
let DeesInputDropdownPopup = (() => {
|
|
42
|
+
let _classDecorators = [customElement('dees-input-dropdown-popup')];
|
|
43
|
+
let _classDescriptor;
|
|
44
|
+
let _classExtraInitializers = [];
|
|
45
|
+
let _classThis;
|
|
46
|
+
let _classSuper = DeesElement;
|
|
47
|
+
let _options_decorators;
|
|
48
|
+
let _options_initializers = [];
|
|
49
|
+
let _options_extraInitializers = [];
|
|
50
|
+
let _enableSearch_decorators;
|
|
51
|
+
let _enableSearch_initializers = [];
|
|
52
|
+
let _enableSearch_extraInitializers = [];
|
|
53
|
+
let _opensToTop_decorators;
|
|
54
|
+
let _opensToTop_initializers = [];
|
|
55
|
+
let _opensToTop_extraInitializers = [];
|
|
56
|
+
let _triggerRect_decorators;
|
|
57
|
+
let _triggerRect_initializers = [];
|
|
58
|
+
let _triggerRect_extraInitializers = [];
|
|
59
|
+
let _ownerComponent_decorators;
|
|
60
|
+
let _ownerComponent_initializers = [];
|
|
61
|
+
let _ownerComponent_extraInitializers = [];
|
|
62
|
+
let _filteredOptions_decorators;
|
|
63
|
+
let _filteredOptions_initializers = [];
|
|
64
|
+
let _filteredOptions_extraInitializers = [];
|
|
65
|
+
let _highlightedIndex_decorators;
|
|
66
|
+
let _highlightedIndex_initializers = [];
|
|
67
|
+
let _highlightedIndex_extraInitializers = [];
|
|
68
|
+
let _searchValue_decorators;
|
|
69
|
+
let _searchValue_initializers = [];
|
|
70
|
+
let _searchValue_extraInitializers = [];
|
|
71
|
+
let _menuZIndex_decorators;
|
|
72
|
+
let _menuZIndex_initializers = [];
|
|
73
|
+
let _menuZIndex_extraInitializers = [];
|
|
74
|
+
let _visible_decorators;
|
|
75
|
+
let _visible_initializers = [];
|
|
76
|
+
let _visible_extraInitializers = [];
|
|
77
|
+
var DeesInputDropdownPopup = class extends _classSuper {
|
|
78
|
+
static { _classThis = this; }
|
|
79
|
+
static {
|
|
80
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
81
|
+
_options_decorators = [property({ type: Array })];
|
|
82
|
+
_enableSearch_decorators = [property({ type: Boolean })];
|
|
83
|
+
_opensToTop_decorators = [property({ type: Boolean })];
|
|
84
|
+
_triggerRect_decorators = [property({ attribute: false })];
|
|
85
|
+
_ownerComponent_decorators = [property({ attribute: false })];
|
|
86
|
+
_filteredOptions_decorators = [state()];
|
|
87
|
+
_highlightedIndex_decorators = [state()];
|
|
88
|
+
_searchValue_decorators = [state()];
|
|
89
|
+
_menuZIndex_decorators = [state()];
|
|
90
|
+
_visible_decorators = [state()];
|
|
91
|
+
__esDecorate(this, null, _options_decorators, { kind: "accessor", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
|
|
92
|
+
__esDecorate(this, null, _enableSearch_decorators, { kind: "accessor", name: "enableSearch", static: false, private: false, access: { has: obj => "enableSearch" in obj, get: obj => obj.enableSearch, set: (obj, value) => { obj.enableSearch = value; } }, metadata: _metadata }, _enableSearch_initializers, _enableSearch_extraInitializers);
|
|
93
|
+
__esDecorate(this, null, _opensToTop_decorators, { kind: "accessor", name: "opensToTop", static: false, private: false, access: { has: obj => "opensToTop" in obj, get: obj => obj.opensToTop, set: (obj, value) => { obj.opensToTop = value; } }, metadata: _metadata }, _opensToTop_initializers, _opensToTop_extraInitializers);
|
|
94
|
+
__esDecorate(this, null, _triggerRect_decorators, { kind: "accessor", name: "triggerRect", static: false, private: false, access: { has: obj => "triggerRect" in obj, get: obj => obj.triggerRect, set: (obj, value) => { obj.triggerRect = value; } }, metadata: _metadata }, _triggerRect_initializers, _triggerRect_extraInitializers);
|
|
95
|
+
__esDecorate(this, null, _ownerComponent_decorators, { kind: "accessor", name: "ownerComponent", static: false, private: false, access: { has: obj => "ownerComponent" in obj, get: obj => obj.ownerComponent, set: (obj, value) => { obj.ownerComponent = value; } }, metadata: _metadata }, _ownerComponent_initializers, _ownerComponent_extraInitializers);
|
|
96
|
+
__esDecorate(this, null, _filteredOptions_decorators, { kind: "accessor", name: "filteredOptions", static: false, private: false, access: { has: obj => "filteredOptions" in obj, get: obj => obj.filteredOptions, set: (obj, value) => { obj.filteredOptions = value; } }, metadata: _metadata }, _filteredOptions_initializers, _filteredOptions_extraInitializers);
|
|
97
|
+
__esDecorate(this, null, _highlightedIndex_decorators, { kind: "accessor", name: "highlightedIndex", static: false, private: false, access: { has: obj => "highlightedIndex" in obj, get: obj => obj.highlightedIndex, set: (obj, value) => { obj.highlightedIndex = value; } }, metadata: _metadata }, _highlightedIndex_initializers, _highlightedIndex_extraInitializers);
|
|
98
|
+
__esDecorate(this, null, _searchValue_decorators, { kind: "accessor", name: "searchValue", static: false, private: false, access: { has: obj => "searchValue" in obj, get: obj => obj.searchValue, set: (obj, value) => { obj.searchValue = value; } }, metadata: _metadata }, _searchValue_initializers, _searchValue_extraInitializers);
|
|
99
|
+
__esDecorate(this, null, _menuZIndex_decorators, { kind: "accessor", name: "menuZIndex", static: false, private: false, access: { has: obj => "menuZIndex" in obj, get: obj => obj.menuZIndex, set: (obj, value) => { obj.menuZIndex = value; } }, metadata: _metadata }, _menuZIndex_initializers, _menuZIndex_extraInitializers);
|
|
100
|
+
__esDecorate(this, null, _visible_decorators, { kind: "accessor", name: "visible", static: false, private: false, access: { has: obj => "visible" in obj, get: obj => obj.visible, set: (obj, value) => { obj.visible = value; } }, metadata: _metadata }, _visible_initializers, _visible_extraInitializers);
|
|
101
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
102
|
+
DeesInputDropdownPopup = _classThis = _classDescriptor.value;
|
|
103
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
104
|
+
}
|
|
105
|
+
#options_accessor_storage = __runInitializers(this, _options_initializers, []);
|
|
106
|
+
get options() { return this.#options_accessor_storage; }
|
|
107
|
+
set options(value) { this.#options_accessor_storage = value; }
|
|
108
|
+
#enableSearch_accessor_storage = (__runInitializers(this, _options_extraInitializers), __runInitializers(this, _enableSearch_initializers, true));
|
|
109
|
+
get enableSearch() { return this.#enableSearch_accessor_storage; }
|
|
110
|
+
set enableSearch(value) { this.#enableSearch_accessor_storage = value; }
|
|
111
|
+
#opensToTop_accessor_storage = (__runInitializers(this, _enableSearch_extraInitializers), __runInitializers(this, _opensToTop_initializers, false));
|
|
112
|
+
get opensToTop() { return this.#opensToTop_accessor_storage; }
|
|
113
|
+
set opensToTop(value) { this.#opensToTop_accessor_storage = value; }
|
|
114
|
+
#triggerRect_accessor_storage = (__runInitializers(this, _opensToTop_extraInitializers), __runInitializers(this, _triggerRect_initializers, null));
|
|
115
|
+
get triggerRect() { return this.#triggerRect_accessor_storage; }
|
|
116
|
+
set triggerRect(value) { this.#triggerRect_accessor_storage = value; }
|
|
117
|
+
#ownerComponent_accessor_storage = (__runInitializers(this, _triggerRect_extraInitializers), __runInitializers(this, _ownerComponent_initializers, null));
|
|
118
|
+
get ownerComponent() { return this.#ownerComponent_accessor_storage; }
|
|
119
|
+
set ownerComponent(value) { this.#ownerComponent_accessor_storage = value; }
|
|
120
|
+
#filteredOptions_accessor_storage = (__runInitializers(this, _ownerComponent_extraInitializers), __runInitializers(this, _filteredOptions_initializers, []));
|
|
121
|
+
get filteredOptions() { return this.#filteredOptions_accessor_storage; }
|
|
122
|
+
set filteredOptions(value) { this.#filteredOptions_accessor_storage = value; }
|
|
123
|
+
#highlightedIndex_accessor_storage = (__runInitializers(this, _filteredOptions_extraInitializers), __runInitializers(this, _highlightedIndex_initializers, 0));
|
|
124
|
+
get highlightedIndex() { return this.#highlightedIndex_accessor_storage; }
|
|
125
|
+
set highlightedIndex(value) { this.#highlightedIndex_accessor_storage = value; }
|
|
126
|
+
#searchValue_accessor_storage = (__runInitializers(this, _highlightedIndex_extraInitializers), __runInitializers(this, _searchValue_initializers, ''));
|
|
127
|
+
get searchValue() { return this.#searchValue_accessor_storage; }
|
|
128
|
+
set searchValue(value) { this.#searchValue_accessor_storage = value; }
|
|
129
|
+
#menuZIndex_accessor_storage = (__runInitializers(this, _searchValue_extraInitializers), __runInitializers(this, _menuZIndex_initializers, 1000));
|
|
130
|
+
get menuZIndex() { return this.#menuZIndex_accessor_storage; }
|
|
131
|
+
set menuZIndex(value) { this.#menuZIndex_accessor_storage = value; }
|
|
132
|
+
#visible_accessor_storage = (__runInitializers(this, _menuZIndex_extraInitializers), __runInitializers(this, _visible_initializers, false));
|
|
133
|
+
get visible() { return this.#visible_accessor_storage; }
|
|
134
|
+
set visible(value) { this.#visible_accessor_storage = value; }
|
|
135
|
+
windowLayer = (__runInitializers(this, _visible_extraInitializers), null);
|
|
136
|
+
isDestroying = false;
|
|
137
|
+
static styles = [
|
|
138
|
+
themeDefaultStyles,
|
|
139
|
+
cssManager.defaultStyles,
|
|
140
|
+
css `
|
|
141
|
+
:host {
|
|
142
|
+
position: fixed;
|
|
143
|
+
top: 0;
|
|
144
|
+
left: 0;
|
|
145
|
+
width: 0;
|
|
146
|
+
height: 0;
|
|
147
|
+
pointer-events: none;
|
|
148
|
+
font-family: ${cssGeistFontFamily};
|
|
149
|
+
color: ${cssManager.bdTheme('hsl(0 0% 15%)', 'hsl(0 0% 90%)')};
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
* {
|
|
153
|
+
box-sizing: border-box;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.selectionBox {
|
|
157
|
+
position: fixed;
|
|
158
|
+
pointer-events: auto;
|
|
159
|
+
will-change: transform, opacity;
|
|
160
|
+
transition: all 0.15s ease;
|
|
161
|
+
opacity: 0;
|
|
162
|
+
transform: translateY(-8px) scale(0.98);
|
|
163
|
+
background: ${cssManager.bdTheme('hsl(0 0% 100%)', 'hsl(0 0% 3.9%)')};
|
|
164
|
+
border: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
|
|
165
|
+
box-shadow: 0 4px 6px -1px hsl(0 0% 0% / 0.1), 0 2px 4px -2px hsl(0 0% 0% / 0.1);
|
|
166
|
+
min-height: 40px;
|
|
167
|
+
max-height: 300px;
|
|
168
|
+
overflow: hidden;
|
|
169
|
+
border-radius: 6px;
|
|
170
|
+
user-select: none;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.selectionBox.top {
|
|
174
|
+
transform: translateY(8px) scale(0.98);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.selectionBox.show {
|
|
178
|
+
pointer-events: auto;
|
|
179
|
+
transform: translateY(0) scale(1);
|
|
180
|
+
opacity: 1;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.options-container {
|
|
184
|
+
max-height: 250px;
|
|
185
|
+
overflow-y: auto;
|
|
186
|
+
padding: 4px;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.option {
|
|
190
|
+
transition: all 0.15s ease;
|
|
191
|
+
line-height: 32px;
|
|
192
|
+
padding: 0 8px;
|
|
193
|
+
border-radius: 4px;
|
|
194
|
+
margin: 2px 0;
|
|
195
|
+
cursor: pointer;
|
|
196
|
+
font-size: 14px;
|
|
197
|
+
color: ${cssManager.bdTheme('hsl(0 0% 15%)', 'hsl(0 0% 90%)')};
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.option.highlighted {
|
|
201
|
+
background: ${cssManager.bdTheme('hsl(0 0% 95.1%)', 'hsl(0 0% 14.9%)')};
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.option:hover {
|
|
205
|
+
background: ${cssManager.bdTheme('hsl(0 0% 95.1%)', 'hsl(0 0% 14.9%)')};
|
|
206
|
+
color: ${cssManager.bdTheme('hsl(0 0% 9%)', 'hsl(0 0% 95%)')};
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.no-options {
|
|
210
|
+
padding: 8px;
|
|
211
|
+
text-align: center;
|
|
212
|
+
font-size: 14px;
|
|
213
|
+
color: ${cssManager.bdTheme('hsl(0 0% 45.1%)', 'hsl(0 0% 63.9%)')};
|
|
214
|
+
font-style: italic;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.search {
|
|
218
|
+
padding: 4px;
|
|
219
|
+
border-bottom: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
|
|
220
|
+
margin-bottom: 4px;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.search input {
|
|
224
|
+
display: block;
|
|
225
|
+
width: 100%;
|
|
226
|
+
height: 32px;
|
|
227
|
+
padding: 0 8px;
|
|
228
|
+
background: transparent;
|
|
229
|
+
border: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
|
|
230
|
+
border-radius: 4px;
|
|
231
|
+
color: inherit;
|
|
232
|
+
font-size: 14px;
|
|
233
|
+
font-family: inherit;
|
|
234
|
+
outline: none;
|
|
235
|
+
transition: border-color 0.15s ease;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.search input::placeholder {
|
|
239
|
+
color: ${cssManager.bdTheme('hsl(0 0% 63.9%)', 'hsl(0 0% 45.1%)')};
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.search input:focus {
|
|
243
|
+
border-color: ${cssManager.bdTheme('hsl(222.2 47.4% 51.2%)', 'hsl(217.2 91.2% 59.8%)')};
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.options-container::-webkit-scrollbar {
|
|
247
|
+
width: 8px;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.options-container::-webkit-scrollbar-track {
|
|
251
|
+
background: transparent;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.options-container::-webkit-scrollbar-thumb {
|
|
255
|
+
background: ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
|
|
256
|
+
border-radius: 4px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.options-container::-webkit-scrollbar-thumb:hover {
|
|
260
|
+
background: ${cssManager.bdTheme('hsl(0 0% 79.8%)', 'hsl(0 0% 20.9%)')};
|
|
261
|
+
}
|
|
262
|
+
`,
|
|
263
|
+
];
|
|
264
|
+
render() {
|
|
265
|
+
if (!this.triggerRect)
|
|
266
|
+
return html ``;
|
|
267
|
+
const posStyle = this.computePositionStyle();
|
|
268
|
+
return html `
|
|
269
|
+
<div
|
|
270
|
+
class="selectionBox ${this.visible ? 'show' : ''} ${this.opensToTop ? 'top' : 'bottom'}"
|
|
271
|
+
style="${posStyle}; z-index: ${this.menuZIndex};"
|
|
272
|
+
>
|
|
273
|
+
${this.enableSearch
|
|
274
|
+
? html `
|
|
275
|
+
<div class="search">
|
|
276
|
+
<input
|
|
277
|
+
type="text"
|
|
278
|
+
placeholder="Search options..."
|
|
279
|
+
.value="${this.searchValue}"
|
|
280
|
+
@input="${this.handleSearch}"
|
|
281
|
+
@click="${(e) => e.stopPropagation()}"
|
|
282
|
+
@keydown="${this.handleSearchKeydown}"
|
|
283
|
+
/>
|
|
284
|
+
</div>
|
|
285
|
+
`
|
|
286
|
+
: null}
|
|
287
|
+
<div class="options-container">
|
|
288
|
+
${this.filteredOptions.length === 0
|
|
289
|
+
? html `<div class="no-options">No options found</div>`
|
|
290
|
+
: this.filteredOptions.map((option, index) => {
|
|
291
|
+
const isHighlighted = this.highlightedIndex === index;
|
|
292
|
+
return html `
|
|
293
|
+
<div
|
|
294
|
+
class="option ${isHighlighted ? 'highlighted' : ''}"
|
|
295
|
+
@click="${() => this.selectOption(option)}"
|
|
296
|
+
@mouseenter="${() => (this.highlightedIndex = index)}"
|
|
297
|
+
>
|
|
298
|
+
${option.option}
|
|
299
|
+
</div>
|
|
300
|
+
`;
|
|
301
|
+
})}
|
|
302
|
+
</div>
|
|
303
|
+
</div>
|
|
304
|
+
`;
|
|
305
|
+
}
|
|
306
|
+
computePositionStyle() {
|
|
307
|
+
const rect = this.triggerRect;
|
|
308
|
+
const left = rect.left;
|
|
309
|
+
const width = rect.width;
|
|
310
|
+
if (this.opensToTop) {
|
|
311
|
+
const bottom = window.innerHeight - rect.top + 4;
|
|
312
|
+
return `left: ${left}px; width: ${width}px; bottom: ${bottom}px; top: auto`;
|
|
313
|
+
}
|
|
314
|
+
else {
|
|
315
|
+
const top = rect.bottom + 4;
|
|
316
|
+
return `left: ${left}px; width: ${width}px; top: ${top}px`;
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
async show() {
|
|
320
|
+
this.filteredOptions = this.options;
|
|
321
|
+
this.highlightedIndex = 0;
|
|
322
|
+
this.searchValue = '';
|
|
323
|
+
// Create window layer (transparent, no blur)
|
|
324
|
+
this.windowLayer = await DeesWindowLayer.createAndShow();
|
|
325
|
+
this.windowLayer.addEventListener('click', () => {
|
|
326
|
+
this.dispatchEvent(new CustomEvent('close-request'));
|
|
327
|
+
});
|
|
328
|
+
// Set z-index above the window layer
|
|
329
|
+
this.menuZIndex = zIndexRegistry.getNextZIndex();
|
|
330
|
+
zIndexRegistry.register(this, this.menuZIndex);
|
|
331
|
+
this.style.zIndex = this.menuZIndex.toString();
|
|
332
|
+
document.body.appendChild(this);
|
|
333
|
+
// Animate in on next frame
|
|
334
|
+
await domtools.plugins.smartdelay.delayFor(0);
|
|
335
|
+
this.visible = true;
|
|
336
|
+
// Add scroll/resize listeners for repositioning
|
|
337
|
+
window.addEventListener('scroll', this.handleScrollOrResize, { capture: true, passive: true });
|
|
338
|
+
window.addEventListener('resize', this.handleScrollOrResize, { passive: true });
|
|
339
|
+
}
|
|
340
|
+
async hide() {
|
|
341
|
+
// Guard against double-destruction
|
|
342
|
+
if (this.isDestroying) {
|
|
343
|
+
return;
|
|
344
|
+
}
|
|
345
|
+
this.isDestroying = true;
|
|
346
|
+
// Remove scroll/resize listeners
|
|
347
|
+
window.removeEventListener('scroll', this.handleScrollOrResize, { capture: true });
|
|
348
|
+
window.removeEventListener('resize', this.handleScrollOrResize);
|
|
349
|
+
zIndexRegistry.unregister(this);
|
|
350
|
+
this.searchValue = '';
|
|
351
|
+
this.filteredOptions = this.options;
|
|
352
|
+
this.highlightedIndex = 0;
|
|
353
|
+
// Don't await - let window layer cleanup happen in background for instant visual feedback
|
|
354
|
+
if (this.windowLayer) {
|
|
355
|
+
this.windowLayer.destroy();
|
|
356
|
+
this.windowLayer = null;
|
|
357
|
+
}
|
|
358
|
+
// Animate out via CSS transition
|
|
359
|
+
this.visible = false;
|
|
360
|
+
await domtools.plugins.smartdelay.delayFor(150);
|
|
361
|
+
if (this.parentElement) {
|
|
362
|
+
this.parentElement.removeChild(this);
|
|
363
|
+
}
|
|
364
|
+
this.isDestroying = false;
|
|
365
|
+
}
|
|
366
|
+
async focusSearchInput() {
|
|
367
|
+
await this.updateComplete;
|
|
368
|
+
const input = this.shadowRoot.querySelector('.search input');
|
|
369
|
+
if (input)
|
|
370
|
+
input.focus();
|
|
371
|
+
}
|
|
372
|
+
updateOptions(options) {
|
|
373
|
+
this.options = options;
|
|
374
|
+
// Re-filter with current search value
|
|
375
|
+
if (this.searchValue) {
|
|
376
|
+
const searchLower = this.searchValue.toLowerCase();
|
|
377
|
+
this.filteredOptions = this.options.filter((opt) => opt.option.toLowerCase().includes(searchLower));
|
|
378
|
+
}
|
|
379
|
+
else {
|
|
380
|
+
this.filteredOptions = this.options;
|
|
381
|
+
}
|
|
382
|
+
this.highlightedIndex = 0;
|
|
383
|
+
}
|
|
384
|
+
selectOption(option) {
|
|
385
|
+
this.dispatchEvent(new CustomEvent('option-selected', {
|
|
386
|
+
detail: option,
|
|
387
|
+
}));
|
|
388
|
+
}
|
|
389
|
+
handleSearch = (event) => {
|
|
390
|
+
const searchTerm = event.target.value;
|
|
391
|
+
this.searchValue = searchTerm;
|
|
392
|
+
const searchLower = searchTerm.toLowerCase();
|
|
393
|
+
this.filteredOptions = this.options.filter((option) => option.option.toLowerCase().includes(searchLower));
|
|
394
|
+
this.highlightedIndex = 0;
|
|
395
|
+
};
|
|
396
|
+
handleSearchKeydown = (event) => {
|
|
397
|
+
const key = event.key;
|
|
398
|
+
const maxIndex = this.filteredOptions.length - 1;
|
|
399
|
+
if (key === 'ArrowDown') {
|
|
400
|
+
event.preventDefault();
|
|
401
|
+
this.highlightedIndex = this.highlightedIndex + 1 > maxIndex ? 0 : this.highlightedIndex + 1;
|
|
402
|
+
}
|
|
403
|
+
else if (key === 'ArrowUp') {
|
|
404
|
+
event.preventDefault();
|
|
405
|
+
this.highlightedIndex = this.highlightedIndex - 1 < 0 ? maxIndex : this.highlightedIndex - 1;
|
|
406
|
+
}
|
|
407
|
+
else if (key === 'Enter') {
|
|
408
|
+
event.preventDefault();
|
|
409
|
+
if (this.filteredOptions[this.highlightedIndex]) {
|
|
410
|
+
this.selectOption(this.filteredOptions[this.highlightedIndex]);
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
else if (key === 'Escape') {
|
|
414
|
+
event.preventDefault();
|
|
415
|
+
this.dispatchEvent(new CustomEvent('close-request'));
|
|
416
|
+
}
|
|
417
|
+
};
|
|
418
|
+
handleScrollOrResize = () => {
|
|
419
|
+
this.dispatchEvent(new CustomEvent('reposition-request'));
|
|
420
|
+
};
|
|
421
|
+
async disconnectedCallback() {
|
|
422
|
+
await super.disconnectedCallback();
|
|
423
|
+
window.removeEventListener('scroll', this.handleScrollOrResize, { capture: true });
|
|
424
|
+
window.removeEventListener('resize', this.handleScrollOrResize);
|
|
425
|
+
zIndexRegistry.unregister(this);
|
|
426
|
+
}
|
|
427
|
+
static {
|
|
428
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
429
|
+
}
|
|
430
|
+
};
|
|
431
|
+
return DeesInputDropdownPopup = _classThis;
|
|
432
|
+
})();
|
|
433
|
+
export { DeesInputDropdownPopup };
|
|
434
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi1wb3B1cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWlucHV0L2RlZXMtaW5wdXQtZHJvcGRvd24vZGVlcy1pbnB1dC1kcm9wZG93bi1wb3B1cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFdBQVcsR0FDWixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztJQVNoRixzQkFBc0I7NEJBRGxDLGFBQWEsQ0FBQywyQkFBMkIsQ0FBQzs7OztzQkFDQyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NDQUFuQixTQUFRLFdBQVc7Ozs7bUNBQ3BELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQzt3Q0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3NDQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7dUNBRzNCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQzswQ0FHOUIsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDOzJDQUc5QixLQUFLLEVB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
|
|
@@ -29,18 +29,10 @@ export declare class DeesInputDropdown extends DeesInputBase<DeesInputDropdown>
|
|
|
29
29
|
payload?: any;
|
|
30
30
|
} | null);
|
|
31
31
|
accessor enableSearch: boolean;
|
|
32
|
-
accessor opensToTop: boolean;
|
|
33
|
-
accessor filteredOptions: {
|
|
34
|
-
option: string;
|
|
35
|
-
key: string;
|
|
36
|
-
payload?: any;
|
|
37
|
-
}[];
|
|
38
|
-
accessor highlightedIndex: number;
|
|
39
32
|
accessor isOpened: boolean;
|
|
40
|
-
|
|
33
|
+
private popupInstance;
|
|
41
34
|
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
42
35
|
render(): TemplateResult;
|
|
43
|
-
connectedCallback(): Promise<void>;
|
|
44
36
|
firstUpdated(): void;
|
|
45
37
|
updated(changedProperties: Map<string, any>): void;
|
|
46
38
|
updateSelection(selectedOption: {
|
|
@@ -48,11 +40,11 @@ export declare class DeesInputDropdown extends DeesInputBase<DeesInputDropdown>
|
|
|
48
40
|
key: string;
|
|
49
41
|
payload?: any;
|
|
50
42
|
}): Promise<void>;
|
|
51
|
-
private handleClickOutside;
|
|
52
43
|
toggleSelectionBox(): Promise<void>;
|
|
53
|
-
private
|
|
54
|
-
private
|
|
55
|
-
private
|
|
44
|
+
private closePopup;
|
|
45
|
+
private handleOptionSelected;
|
|
46
|
+
private handleCloseRequest;
|
|
47
|
+
private handleRepositionRequest;
|
|
56
48
|
private handleSelectedBoxKeydown;
|
|
57
49
|
getValue(): {
|
|
58
50
|
option: string;
|