@synergy-design-system/mcp 2.9.0 → 2.10.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/CHANGELOG.md +12 -0
- package/metadata/checksum.txt +1 -1
- package/metadata/packages/components/components/syn-combobox/component.angular.ts +11 -0
- package/metadata/packages/components/components/syn-combobox/component.ts +5 -0
- package/metadata/packages/components/components/syn-combobox/component.vue +5 -0
- package/metadata/packages/components/static/CHANGELOG.md +17 -0
- package/metadata/packages/tokens/CHANGELOG.md +2 -0
- package/metadata/packages/tokens/dark.css +1 -1
- package/metadata/packages/tokens/index.js +1 -1
- package/metadata/packages/tokens/light.css +1 -1
- package/metadata/packages/tokens/sick2018_dark.css +1 -1
- package/metadata/packages/tokens/sick2018_light.css +1 -1
- package/metadata/packages/tokens/sick2025_dark.css +1 -1
- package/metadata/packages/tokens/sick2025_light.css +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1216](https://github.com/synergy-design-system/synergy-design-system/pull/1216) [`fa7ebf8`](https://github.com/synergy-design-system/synergy-design-system/commit/fa7ebf8ca9aef4e246f75688711c7dbb24cb25cb) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-03-06
|
|
8
|
+
|
|
9
|
+
feat: ✨ `<syn-combobox>` should support `maxlength` attribute (#1184)
|
|
10
|
+
|
|
11
|
+
This release adds the ability to set a maximal input length for `<syn-combobox>` via `<syn-combobox maxlength="5">`.
|
|
12
|
+
This provides the ability to set the maximal amount of free text input for the comboboxes input field.
|
|
13
|
+
It still allows to use options from the list of available options and works as a restriction for free text only.
|
|
14
|
+
|
|
3
15
|
## 2.9.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/metadata/checksum.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
ad2a168f719ee483e665e3c0bcea9fe9
|
|
@@ -265,6 +265,17 @@ and `hide()` methods and this attribute will reflect the combobox's open state.
|
|
|
265
265
|
return this.nativeElement.label;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
+
/**
|
|
269
|
+
* The maximum length of input that will be considered valid.
|
|
270
|
+
*/
|
|
271
|
+
@Input()
|
|
272
|
+
set maxlength(v: SynCombobox['maxlength']) {
|
|
273
|
+
this._ngZone.runOutsideAngular(() => (this.nativeElement.maxlength = v));
|
|
274
|
+
}
|
|
275
|
+
get maxlength(): SynCombobox['maxlength'] {
|
|
276
|
+
return this.nativeElement.maxlength;
|
|
277
|
+
}
|
|
278
|
+
|
|
268
279
|
/**
|
|
269
280
|
* The preferred placement of the combobox's menu.
|
|
270
281
|
Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
/* eslint-disable no-underscore-dangle */
|
|
4
4
|
import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
|
|
5
5
|
import { classMap } from 'lit/directives/class-map.js';
|
|
6
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
6
7
|
import { html } from 'lit';
|
|
7
8
|
import { property, query, state } from 'lit/decorators.js';
|
|
8
9
|
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
@@ -228,6 +229,9 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
|
|
|
228
229
|
/** The combobox's label. If you need to display HTML, use the `label` slot instead. */
|
|
229
230
|
@property() label = '';
|
|
230
231
|
|
|
232
|
+
/** The maximum length of input that will be considered valid. */
|
|
233
|
+
@property({ type: Number }) maxlength: number;
|
|
234
|
+
|
|
231
235
|
/**
|
|
232
236
|
* The preferred placement of the combobox's menu.
|
|
233
237
|
* Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
|
|
@@ -1563,6 +1567,7 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
|
|
|
1563
1567
|
.disabled=${this.disabled}
|
|
1564
1568
|
.readOnly=${this.readonly}
|
|
1565
1569
|
.value=${this.displayLabel}
|
|
1570
|
+
maxlength=${ifDefined(this.maxlength)}
|
|
1566
1571
|
autocomplete="off"
|
|
1567
1572
|
spellcheck="false"
|
|
1568
1573
|
autocapitalize="off"
|
|
@@ -135,6 +135,11 @@ and `hide()` methods and this attribute will reflect the combobox's open state.
|
|
|
135
135
|
*/
|
|
136
136
|
label?: SynCombobox['label'];
|
|
137
137
|
|
|
138
|
+
/**
|
|
139
|
+
* The maximum length of input that will be considered valid.
|
|
140
|
+
*/
|
|
141
|
+
maxlength?: SynCombobox['maxlength'];
|
|
142
|
+
|
|
138
143
|
/**
|
|
139
144
|
* The preferred placement of the combobox's menu.
|
|
140
145
|
Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
|
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1216](https://github.com/synergy-design-system/synergy-design-system/pull/1216) [`fa7ebf8`](https://github.com/synergy-design-system/synergy-design-system/commit/fa7ebf8ca9aef4e246f75688711c7dbb24cb25cb) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-03-06
|
|
8
|
+
|
|
9
|
+
feat: ✨ `<syn-combobox>` should support `maxlength` attribute (#1184)
|
|
10
|
+
|
|
11
|
+
This release adds the ability to set a maximal input length for `<syn-combobox>` via `<syn-combobox maxlength="5">`.
|
|
12
|
+
This provides the ability to set the maximal amount of free text input for the comboboxes input field.
|
|
13
|
+
It still allows to use options from the list of available options and works as a restriction for free text only.
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies []:
|
|
18
|
+
- @synergy-design-system/tokens@3.8.0
|
|
19
|
+
|
|
3
20
|
## 3.7.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"serve-handler": "^6.1.6",
|
|
29
29
|
"ts-jest": "^29.4.6",
|
|
30
30
|
"typescript": "^5.9.3",
|
|
31
|
-
"@synergy-design-system/components": "3.
|
|
32
|
-
"@synergy-design-system/docs": "0.1.0",
|
|
33
|
-
"@synergy-design-system/styles": "2.0.1",
|
|
31
|
+
"@synergy-design-system/components": "3.8.0",
|
|
34
32
|
"@synergy-design-system/eslint-config-syn": "^0.1.0",
|
|
35
33
|
"@synergy-design-system/fonts": "1.0.3",
|
|
36
|
-
"@synergy-design-system/
|
|
34
|
+
"@synergy-design-system/styles": "2.0.1",
|
|
35
|
+
"@synergy-design-system/docs": "0.1.0",
|
|
36
|
+
"@synergy-design-system/tokens": "^3.8.0"
|
|
37
37
|
},
|
|
38
38
|
"exports": {
|
|
39
39
|
".": {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"directory": "packages/mcp"
|
|
68
68
|
},
|
|
69
69
|
"type": "module",
|
|
70
|
-
"version": "2.
|
|
70
|
+
"version": "2.10.0",
|
|
71
71
|
"scripts": {
|
|
72
72
|
"build": "pnpm run build:ts && pnpm run build:metadata && pnpm build:hash",
|
|
73
73
|
"build:all": "pnpm run build && pnpm run build:storybook",
|