@origostudio/origo-design 0.0.49 → 0.0.51
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/CHANGELOG.md +6 -4
- package/dist/packages/angular-renderer/CHANGELOG.md +22 -0
- package/dist/packages/angular-renderer/package.json +3 -3
- package/dist/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.d.ts +99 -0
- package/dist/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.js +306 -0
- package/dist/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/combobox/combobox.component.d.ts +69 -0
- package/dist/packages/angular-renderer/src/components/primitives/combobox/combobox.component.js +276 -0
- package/dist/packages/angular-renderer/src/components/primitives/combobox/combobox.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.d.ts +57 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.js +257 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.d.ts +67 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js +299 -0
- package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.d.ts +110 -0
- package/dist/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.js +323 -0
- package/dist/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/select/select.component.d.ts +80 -19
- package/dist/packages/angular-renderer/src/components/primitives/select/select.component.js +201 -24
- package/dist/packages/angular-renderer/src/components/primitives/select/select.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/select/selection-utils.d.ts +9 -0
- package/dist/packages/angular-renderer/src/components/primitives/select/selection-utils.js +69 -0
- package/dist/packages/angular-renderer/src/components/primitives/select/selection-utils.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.d.ts +48 -0
- package/dist/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.js +214 -0
- package/dist/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/index.d.ts +6 -0
- package/dist/packages/angular-renderer/src/index.js +6 -0
- package/dist/packages/angular-renderer/src/index.js.map +1 -1
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js +12 -0
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js.map +1 -1
- package/dist/packages/cli/CHANGELOG.md +8 -0
- package/dist/packages/cli/package.json +2 -2
- package/dist/packages/cli/package.json.bak +2 -2
- package/dist/packages/core/CHANGELOG.md +8 -0
- package/dist/packages/core/package.json +1 -1
- package/dist/packages/core/package.json.bak +1 -1
- package/dist/packages/design-tokens/CHANGELOG.md +8 -0
- package/dist/packages/design-tokens/package.json +1 -1
- package/dist/packages/playground/browser/{chunk-B_swdRuc.js → chunk-2fyh0Go5.js} +1 -1
- package/dist/packages/playground/browser/{chunk-C8l8Pst_.js → chunk-6qDdu3iP.js} +1 -1
- package/dist/packages/playground/browser/{chunk-G1sQXMvG.js → chunk-BQHgLM1h.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Cb2ALrKC.js → chunk-BQrkBjEv.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BbeNQQ9Z.js → chunk-BSIGVQT8.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BlCRDoSd.js → chunk-CD79k8Eb.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CCE_vAje.js → chunk-D6mKAQPx.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DoYDPF2-.js → chunk-DBZa4hap.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CpaI4VGh.js → chunk-DGb2Oa6d.js} +1 -1
- package/dist/packages/playground/browser/{chunk-B8mwHWgW.js → chunk-DPEeny3K.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DgLZ-dIi.js → chunk-DeS5TtZS.js} +1 -1
- package/dist/packages/playground/browser/{chunk-r4-UbXQJ.js → chunk-DnW3HJ2k.js} +1 -1
- package/dist/packages/playground/browser/{chunk-lFsGUZ3A.js → chunk-V8VJI0nO.js} +1 -1
- package/dist/packages/playground/browser/{chunk-XTbjIUbx.js → chunk-mGxxpk2V.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DkxgAarv.js → chunk-vt9o3pSK.js} +1 -1
- package/dist/packages/playground/browser/index.html +1 -1
- package/dist/packages/playground/browser/main-6RRVB3JV.js +740 -0
- package/package.json +1 -1
- package/packages/angular-renderer/CHANGELOG.md +22 -0
- package/packages/angular-renderer/package.json +3 -3
- package/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.html +83 -0
- package/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.scss +161 -0
- package/packages/angular-renderer/src/components/primitives/autocomplete/autocomplete.component.ts +338 -0
- package/packages/angular-renderer/src/components/primitives/combobox/combobox.component.html +90 -0
- package/packages/angular-renderer/src/components/primitives/combobox/combobox.component.scss +189 -0
- package/packages/angular-renderer/src/components/primitives/combobox/combobox.component.ts +281 -0
- package/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.html +73 -0
- package/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.scss +77 -0
- package/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.ts +294 -0
- package/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.html +83 -0
- package/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.scss +92 -0
- package/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.ts +357 -0
- package/packages/angular-renderer/src/components/primitives/icon-button/icon-button.component.html +1 -1
- package/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.html +150 -0
- package/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.scss +240 -0
- package/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.ts +362 -0
- package/packages/angular-renderer/src/components/primitives/select/select.component.html +92 -14
- package/packages/angular-renderer/src/components/primitives/select/select.component.scss +188 -13
- package/packages/angular-renderer/src/components/primitives/select/select.component.ts +242 -34
- package/packages/angular-renderer/src/components/primitives/select/selection-utils.ts +92 -0
- package/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.html +65 -0
- package/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.scss +65 -0
- package/packages/angular-renderer/src/components/primitives/time-picker/time-picker.component.ts +229 -0
- package/packages/angular-renderer/src/index.ts +6 -0
- package/packages/angular-renderer/src/lib/primitives.provider.ts +12 -0
- package/packages/cli/CHANGELOG.md +8 -0
- package/packages/cli/package.json +2 -2
- package/packages/core/CHANGELOG.md +8 -0
- package/packages/core/package.json +1 -1
- package/packages/design-tokens/CHANGELOG.md +8 -0
- package/packages/design-tokens/package.json +1 -1
- package/packages/devtools/CHANGELOG.md +14 -0
- package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/devtools/package.json +3 -3
- package/packages/playground/CHANGELOG.md +8 -0
- package/packages/playground/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/playground/package.json +3 -3
- package/dist/packages/playground/browser/main-D2PNGI4C.js +0 -734
|
@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectComponent = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const core_1 = require("@angular/core");
|
|
6
|
-
const
|
|
6
|
+
const common_1 = require("@angular/common");
|
|
7
7
|
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
|
+
const selection_utils_1 = require("./selection-utils");
|
|
8
9
|
let SelectComponent = (() => {
|
|
9
10
|
let _classDecorators = [(0, core_1.Component)({
|
|
10
11
|
selector: 'origo-select',
|
|
@@ -15,16 +16,26 @@ let SelectComponent = (() => {
|
|
|
15
16
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
17
|
host: {
|
|
17
18
|
'[class.origo-select]': 'true',
|
|
18
|
-
'[attr.data-testid]': 'contract().id',
|
|
19
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
20
|
+
'[class.origo-select--fluid]': 'computedFluid()',
|
|
21
|
+
'[class.origo-select--outlined]': 'computedVariant() === "outlined"',
|
|
22
|
+
'[class.origo-select--filled]': 'computedVariant() === "filled"',
|
|
23
|
+
'[class.origo-select--invalid]': 'computedInvalid()',
|
|
24
|
+
'[class.origo-select--disabled]': 'computedDisabled()',
|
|
25
|
+
'[class.origo-select--readonly]': 'computedReadonly()',
|
|
19
26
|
},
|
|
20
27
|
})];
|
|
21
28
|
let _classDescriptor;
|
|
22
29
|
let _classExtraInitializers = [];
|
|
23
30
|
let _classThis;
|
|
31
|
+
let _instanceExtraInitializers = [];
|
|
32
|
+
let _onDocumentClick_decorators;
|
|
24
33
|
var SelectComponent = class {
|
|
25
34
|
static { _classThis = this; }
|
|
26
35
|
static {
|
|
27
36
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
37
|
+
_onDocumentClick_decorators = [(0, core_1.HostListener)('document:click', ['$event'])];
|
|
38
|
+
tslib_1.__esDecorate(this, null, _onDocumentClick_decorators, { kind: "method", name: "onDocumentClick", static: false, private: false, access: { has: obj => "onDocumentClick" in obj, get: obj => obj.onDocumentClick }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
28
39
|
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
29
40
|
SelectComponent = _classThis = _classDescriptor.value;
|
|
30
41
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
@@ -35,54 +46,220 @@ let SelectComponent = (() => {
|
|
|
35
46
|
metadata: 'object',
|
|
36
47
|
options: 'array',
|
|
37
48
|
value: 'string',
|
|
38
|
-
|
|
49
|
+
optionLabel: 'string',
|
|
50
|
+
optionValue: 'string',
|
|
51
|
+
optionGroupLabel: 'string',
|
|
52
|
+
optionGroupChildren: 'string',
|
|
39
53
|
placeholder: 'string',
|
|
54
|
+
filter: 'boolean',
|
|
55
|
+
filterBy: 'string',
|
|
56
|
+
filterMatchMode: 'string',
|
|
57
|
+
filterPlaceholder: 'string',
|
|
58
|
+
editable: 'boolean',
|
|
59
|
+
clearable: 'boolean',
|
|
60
|
+
appendTo: 'string',
|
|
61
|
+
virtualScroll: 'boolean',
|
|
62
|
+
itemSize: 'number',
|
|
63
|
+
loading: 'boolean',
|
|
64
|
+
disabled: 'boolean',
|
|
65
|
+
readonly: 'boolean',
|
|
40
66
|
required: 'boolean',
|
|
67
|
+
invalid: 'boolean',
|
|
68
|
+
errorText: 'string',
|
|
69
|
+
helpText: 'string',
|
|
70
|
+
variant: 'string',
|
|
71
|
+
fluid: 'boolean',
|
|
72
|
+
'aria-label': 'string',
|
|
73
|
+
'aria-describedby': 'string',
|
|
41
74
|
};
|
|
42
75
|
static strictContract = false;
|
|
43
|
-
contract = core_1.input.required();
|
|
76
|
+
contract = (tslib_1.__runInitializers(this, _instanceExtraInitializers), core_1.input.required());
|
|
44
77
|
value = (0, core_1.model)('');
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
78
|
+
isOpen = (0, core_1.signal)(false);
|
|
79
|
+
filterQuery = (0, core_1.signal)('');
|
|
80
|
+
activeIndex = (0, core_1.signal)(-1);
|
|
81
|
+
computedNormalizedOptions = (0, core_1.computed)(() => {
|
|
82
|
+
const props = this.contract().props;
|
|
83
|
+
return (0, selection_utils_1.normalizeOptions)(props?.options, props?.optionLabel, props?.optionValue, props?.optionGroupLabel, props?.optionGroupChildren);
|
|
84
|
+
});
|
|
85
|
+
computedOptions = this.computedNormalizedOptions;
|
|
86
|
+
filteredOptions = (0, core_1.computed)(() => {
|
|
87
|
+
const opts = this.computedNormalizedOptions();
|
|
88
|
+
if (!this.computedFilter() && !this.filterQuery()) {
|
|
89
|
+
return opts;
|
|
90
|
+
}
|
|
91
|
+
const mode = this.contract().props?.filterMatchMode ?? 'contains';
|
|
92
|
+
return (0, selection_utils_1.filterOptions)(opts, this.filterQuery(), mode);
|
|
93
|
+
});
|
|
94
|
+
selectedOption = (0, core_1.computed)(() => {
|
|
95
|
+
const val = this.value();
|
|
96
|
+
return this.computedNormalizedOptions().find(opt => opt.value === val);
|
|
97
|
+
});
|
|
98
|
+
selectedLabel = (0, core_1.computed)(() => {
|
|
99
|
+
const opt = this.selectedOption();
|
|
100
|
+
if (opt)
|
|
101
|
+
return opt.label;
|
|
102
|
+
const val = this.value();
|
|
103
|
+
return val !== undefined && val !== null && val !== '' ? String(val) : '';
|
|
50
104
|
});
|
|
51
105
|
computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
|
|
52
106
|
computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
|
|
107
|
+
computedReadonly = (0, core_1.computed)(() => !!this.contract().props?.readonly);
|
|
53
108
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
109
|
+
computedInvalid = (0, core_1.computed)(() => !!this.contract().props?.invalid);
|
|
110
|
+
computedFilter = (0, core_1.computed)(() => !!this.contract().props?.filter);
|
|
111
|
+
computedFilterPlaceholder = (0, core_1.computed)(() => this.contract().props?.filterPlaceholder ?? 'Search...');
|
|
112
|
+
computedClearable = (0, core_1.computed)(() => !!this.contract().props?.clearable);
|
|
113
|
+
computedVariant = (0, core_1.computed)(() => this.contract().props?.variant ?? 'outlined');
|
|
114
|
+
computedFluid = (0, core_1.computed)(() => !!this.contract().props?.fluid);
|
|
115
|
+
computedErrorText = (0, core_1.computed)(() => this.contract().props?.errorText ?? '');
|
|
116
|
+
computedHelpText = (0, core_1.computed)(() => this.contract().props?.helpText ?? '');
|
|
54
117
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
55
118
|
const label = this.contract().props?.['aria-label'];
|
|
56
|
-
|
|
119
|
+
if (label !== undefined && label !== null && String(label).trim() !== '') {
|
|
120
|
+
return String(label);
|
|
121
|
+
}
|
|
122
|
+
return this.computedPlaceholder() || 'Select';
|
|
57
123
|
});
|
|
58
124
|
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
125
|
+
const parts = [];
|
|
59
126
|
const desc = this.contract().props?.['aria-describedby'];
|
|
60
|
-
|
|
127
|
+
if (desc)
|
|
128
|
+
parts.push(String(desc));
|
|
129
|
+
if (this.computedErrorText())
|
|
130
|
+
parts.push(`${this.contract().id}-error`);
|
|
131
|
+
if (this.computedHelpText())
|
|
132
|
+
parts.push(`${this.contract().id}-help`);
|
|
133
|
+
return parts.length > 0 ? parts.join(' ') : undefined;
|
|
61
134
|
});
|
|
62
135
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
63
|
-
|
|
136
|
+
platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
|
|
137
|
+
elementRef = (0, core_1.inject)(core_1.ElementRef);
|
|
64
138
|
constructor() {
|
|
65
139
|
(0, core_1.effect)(() => {
|
|
66
140
|
const contractVal = this.contract().props?.value;
|
|
67
|
-
const parsedVal = contractVal !== undefined && contractVal !== null ? String(contractVal) : '';
|
|
68
141
|
(0, core_1.untracked)(() => {
|
|
69
|
-
if (
|
|
70
|
-
|
|
71
|
-
|
|
142
|
+
if (contractVal !== undefined && contractVal !== this.value()) {
|
|
143
|
+
this.value.set(contractVal);
|
|
144
|
+
}
|
|
72
145
|
});
|
|
73
146
|
});
|
|
74
147
|
}
|
|
75
|
-
|
|
148
|
+
toggleOpen() {
|
|
149
|
+
if (this.computedDisabled() || this.computedReadonly())
|
|
150
|
+
return;
|
|
151
|
+
const next = !this.isOpen();
|
|
152
|
+
this.isOpen.set(next);
|
|
153
|
+
if (next) {
|
|
154
|
+
this.filterQuery.set('');
|
|
155
|
+
const currentVal = this.value();
|
|
156
|
+
const currentIdx = this.filteredOptions().findIndex(o => o.value === currentVal);
|
|
157
|
+
this.activeIndex.set(currentIdx >= 0 ? currentIdx : 0);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
selectOption(optionValue) {
|
|
161
|
+
if (this.computedDisabled() || this.computedReadonly())
|
|
162
|
+
return;
|
|
163
|
+
this.value.set(optionValue);
|
|
164
|
+
this.isOpen.set(false);
|
|
165
|
+
this.experienceAdapter.updateState(this.contract().id, 'value', optionValue);
|
|
166
|
+
}
|
|
167
|
+
clear(event) {
|
|
168
|
+
if (this.computedDisabled() || this.computedReadonly())
|
|
169
|
+
return;
|
|
170
|
+
event?.stopPropagation();
|
|
171
|
+
this.value.set('');
|
|
172
|
+
this.experienceAdapter.updateState(this.contract().id, 'value', '');
|
|
173
|
+
}
|
|
174
|
+
onFilterInput(event) {
|
|
76
175
|
const target = event.target;
|
|
77
|
-
|
|
176
|
+
this.filterQuery.set(target.value);
|
|
177
|
+
this.activeIndex.set(0);
|
|
178
|
+
}
|
|
179
|
+
onKeydown(event) {
|
|
180
|
+
if (this.computedDisabled() || this.computedReadonly())
|
|
181
|
+
return;
|
|
182
|
+
const opts = this.filteredOptions();
|
|
183
|
+
const count = opts.length;
|
|
184
|
+
switch (event.key) {
|
|
185
|
+
case 'ArrowDown': {
|
|
186
|
+
event.preventDefault();
|
|
187
|
+
if (!this.isOpen()) {
|
|
188
|
+
this.isOpen.set(true);
|
|
189
|
+
this.activeIndex.set(0);
|
|
190
|
+
}
|
|
191
|
+
else if (count > 0) {
|
|
192
|
+
const next = (this.activeIndex() + 1) % count;
|
|
193
|
+
this.activeIndex.set(next);
|
|
194
|
+
}
|
|
195
|
+
break;
|
|
196
|
+
}
|
|
197
|
+
case 'ArrowUp': {
|
|
198
|
+
event.preventDefault();
|
|
199
|
+
if (!this.isOpen()) {
|
|
200
|
+
this.isOpen.set(true);
|
|
201
|
+
this.activeIndex.set(count - 1);
|
|
202
|
+
}
|
|
203
|
+
else if (count > 0) {
|
|
204
|
+
const prev = (this.activeIndex() - 1 + count) % count;
|
|
205
|
+
this.activeIndex.set(prev);
|
|
206
|
+
}
|
|
207
|
+
break;
|
|
208
|
+
}
|
|
209
|
+
case 'Enter':
|
|
210
|
+
case ' ': {
|
|
211
|
+
const target = event.target;
|
|
212
|
+
if (event.key === ' ' && target && target.tagName === 'INPUT') {
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
215
|
+
event.preventDefault();
|
|
216
|
+
if (this.isOpen()) {
|
|
217
|
+
const idx = this.activeIndex();
|
|
218
|
+
if (idx >= 0 && idx < count && !opts[idx].disabled) {
|
|
219
|
+
this.selectOption(opts[idx].value);
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
else {
|
|
223
|
+
this.isOpen.set(true);
|
|
224
|
+
}
|
|
225
|
+
break;
|
|
226
|
+
}
|
|
227
|
+
case 'Escape': {
|
|
228
|
+
if (this.isOpen()) {
|
|
229
|
+
event.preventDefault();
|
|
230
|
+
this.isOpen.set(false);
|
|
231
|
+
}
|
|
232
|
+
break;
|
|
233
|
+
}
|
|
234
|
+
case 'Tab': {
|
|
235
|
+
if (this.isOpen()) {
|
|
236
|
+
this.isOpen.set(false);
|
|
237
|
+
}
|
|
238
|
+
break;
|
|
239
|
+
}
|
|
240
|
+
case 'Home': {
|
|
241
|
+
if (this.isOpen() && count > 0) {
|
|
242
|
+
event.preventDefault();
|
|
243
|
+
this.activeIndex.set(0);
|
|
244
|
+
}
|
|
245
|
+
break;
|
|
246
|
+
}
|
|
247
|
+
case 'End': {
|
|
248
|
+
if (this.isOpen() && count > 0) {
|
|
249
|
+
event.preventDefault();
|
|
250
|
+
this.activeIndex.set(count - 1);
|
|
251
|
+
}
|
|
252
|
+
break;
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
onDocumentClick(event) {
|
|
257
|
+
if (!(0, common_1.isPlatformBrowser)(this.platformId))
|
|
78
258
|
return;
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
target.value = sanitizedValue;
|
|
259
|
+
const clickedInside = this.elementRef.nativeElement.contains(event.target);
|
|
260
|
+
if (!clickedInside && this.isOpen()) {
|
|
261
|
+
this.isOpen.set(false);
|
|
83
262
|
}
|
|
84
|
-
this.value.set(sanitizedValue);
|
|
85
|
-
this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
|
|
86
263
|
}
|
|
87
264
|
static {
|
|
88
265
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
package/dist/packages/angular-renderer/src/components/primitives/select/select.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/select/select.component.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"select.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/select/select.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface NormalizedOption {
|
|
2
|
+
label: string;
|
|
3
|
+
value: unknown;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
group?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function resolveOption(item: unknown, labelKey?: string, valueKey?: string): NormalizedOption;
|
|
8
|
+
export declare function normalizeOptions(items: unknown[] | null | undefined, labelKey?: string, valueKey?: string, groupLabelKey?: string, groupChildrenKey?: string): NormalizedOption[];
|
|
9
|
+
export declare function filterOptions(options: NormalizedOption[], query: string, matchMode?: 'contains' | 'startsWith' | 'endsWith'): NormalizedOption[];
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.resolveOption = resolveOption;
|
|
4
|
+
exports.normalizeOptions = normalizeOptions;
|
|
5
|
+
exports.filterOptions = filterOptions;
|
|
6
|
+
function resolveOption(item, labelKey, valueKey) {
|
|
7
|
+
if (item === null || item === undefined) {
|
|
8
|
+
return { label: '', value: '', disabled: false };
|
|
9
|
+
}
|
|
10
|
+
if (typeof item !== 'object') {
|
|
11
|
+
return { label: String(item), value: item, disabled: false };
|
|
12
|
+
}
|
|
13
|
+
const obj = item;
|
|
14
|
+
const label = labelKey && obj[labelKey] !== undefined
|
|
15
|
+
? String(obj[labelKey])
|
|
16
|
+
: obj['label'] !== undefined
|
|
17
|
+
? String(obj['label'])
|
|
18
|
+
: String(item);
|
|
19
|
+
const value = valueKey && obj[valueKey] !== undefined
|
|
20
|
+
? obj[valueKey]
|
|
21
|
+
: obj['value'] !== undefined
|
|
22
|
+
? obj['value']
|
|
23
|
+
: item;
|
|
24
|
+
return { label, value, disabled: !!obj['disabled'] };
|
|
25
|
+
}
|
|
26
|
+
function normalizeOptions(items, labelKey, valueKey, groupLabelKey, groupChildrenKey) {
|
|
27
|
+
if (!Array.isArray(items))
|
|
28
|
+
return [];
|
|
29
|
+
const result = [];
|
|
30
|
+
for (const item of items) {
|
|
31
|
+
if (item === null || item === undefined)
|
|
32
|
+
continue;
|
|
33
|
+
if (typeof item === 'object') {
|
|
34
|
+
const obj = item;
|
|
35
|
+
const children = (groupChildrenKey && obj[groupChildrenKey]) || obj['items'] || obj['children'];
|
|
36
|
+
if (Array.isArray(children)) {
|
|
37
|
+
const groupTitle = groupLabelKey && obj[groupLabelKey] !== undefined
|
|
38
|
+
? String(obj[groupLabelKey])
|
|
39
|
+
: obj['label'] !== undefined
|
|
40
|
+
? String(obj['label'])
|
|
41
|
+
: '';
|
|
42
|
+
for (const child of children) {
|
|
43
|
+
if (child === null || child === undefined)
|
|
44
|
+
continue;
|
|
45
|
+
const opt = resolveOption(child, labelKey, valueKey);
|
|
46
|
+
opt.group = groupTitle;
|
|
47
|
+
result.push(opt);
|
|
48
|
+
}
|
|
49
|
+
continue;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
result.push(resolveOption(item, labelKey, valueKey));
|
|
53
|
+
}
|
|
54
|
+
return result;
|
|
55
|
+
}
|
|
56
|
+
function filterOptions(options, query, matchMode = 'contains') {
|
|
57
|
+
if (!query || !query.trim())
|
|
58
|
+
return options;
|
|
59
|
+
const q = query.toLowerCase().trim();
|
|
60
|
+
return options.filter(opt => {
|
|
61
|
+
const l = opt.label.toLowerCase();
|
|
62
|
+
if (matchMode === 'startsWith')
|
|
63
|
+
return l.startsWith(q);
|
|
64
|
+
if (matchMode === 'endsWith')
|
|
65
|
+
return l.endsWith(q);
|
|
66
|
+
return l.includes(q);
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=selection-utils.js.map
|
package/dist/packages/angular-renderer/src/components/primitives/select/selection-utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-utils.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/select/selection-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { InteractionContract } from '@origostudio/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface TimePickerProps {
|
|
4
|
+
format?: '12h' | '24h';
|
|
5
|
+
value?: string;
|
|
6
|
+
'aria-label'?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class TimePickerComponent implements OrigoAdapter<TimePickerProps> {
|
|
9
|
+
static readonly contractSchema: {
|
|
10
|
+
format: string;
|
|
11
|
+
value: string;
|
|
12
|
+
'aria-label': string;
|
|
13
|
+
permissions: string;
|
|
14
|
+
rules: string;
|
|
15
|
+
metadata: string;
|
|
16
|
+
};
|
|
17
|
+
static readonly strictContract = false;
|
|
18
|
+
contract: import("@angular/core").InputSignal<InteractionContract<TimePickerProps>>;
|
|
19
|
+
value: import("@angular/core").ModelSignal<string | null>;
|
|
20
|
+
isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
21
|
+
selectedHour: import("@angular/core").WritableSignal<number>;
|
|
22
|
+
selectedMinute: import("@angular/core").WritableSignal<number>;
|
|
23
|
+
selectedPeriod: import("@angular/core").WritableSignal<"AM" | "PM">;
|
|
24
|
+
private experienceAdapter;
|
|
25
|
+
private elementRef;
|
|
26
|
+
is12h: import("@angular/core").Signal<boolean>;
|
|
27
|
+
computedAriaLabel: import("@angular/core").Signal<string>;
|
|
28
|
+
hours: import("@angular/core").Signal<number[]>;
|
|
29
|
+
minutes: import("@angular/core").Signal<number[]>;
|
|
30
|
+
periods: import("@angular/core").Signal<readonly ["AM", "PM"]>;
|
|
31
|
+
displayValue: import("@angular/core").Signal<string>;
|
|
32
|
+
private parseSafeUTC;
|
|
33
|
+
constructor();
|
|
34
|
+
onClickOutside(event: MouseEvent): void;
|
|
35
|
+
onEscape(): void;
|
|
36
|
+
private syncInternalStateFromValue;
|
|
37
|
+
toggleOverlay(): void;
|
|
38
|
+
pad(n: number): string;
|
|
39
|
+
isSelectedHour(h: number): boolean;
|
|
40
|
+
isSelectedMinute(m: number): boolean;
|
|
41
|
+
isSelectedPeriod(p: string): boolean;
|
|
42
|
+
selectHour(h: number): void;
|
|
43
|
+
selectMinute(m: number): void;
|
|
44
|
+
selectPeriod(p: 'AM' | 'PM'): void;
|
|
45
|
+
selectTime(h: number, m: number, p?: 'AM' | 'PM'): void;
|
|
46
|
+
confirmTime(): void;
|
|
47
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
48
|
+
}
|