@naptics/vue-collection 0.2.6 → 0.2.7

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.
Files changed (3) hide show
  1. package/components/NSelect.d.ts +34 -3
  2. package/components/NSelect.js +9 -1
  3. package/package.json +1 -1
package/components/NSelect.d.ts CHANGED
@@ -8,7 +8,9 @@ export declare const nSelectProps: {
8
8
  readonly tooltipShow: BooleanConstructor;
9
9
  readonly tooltipPlacement: {
10
10
  readonly type: PropType<import("./NTooltip").TooltipPlacement>;
11
- readonly default: "auto";
11
+ readonly default: "auto"; /**
12
+ * @see {@link nValInputProps.name}
13
+ */
12
14
  };
13
15
  readonly tooltipMaxWidth: {
14
16
  readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
@@ -34,6 +36,14 @@ export declare const nSelectProps: {
34
36
  readonly type: PropType<SelectionOption[]>;
35
37
  readonly default: () => never[];
36
38
  };
39
+ /**
40
+ * The value which is shown in the empty state.
41
+ * The "nothing-option" will be called like this.
42
+ */
43
+ readonly placeholder: {
44
+ readonly type: StringConstructor;
45
+ readonly default: () => string;
46
+ };
37
47
  /**
38
48
  * @see {@link nValInputProps.name}
39
49
  */
@@ -73,7 +83,9 @@ declare const Component: import("vue").DefineComponent<{
73
83
  readonly tooltipShow: BooleanConstructor;
74
84
  readonly tooltipPlacement: {
75
85
  readonly type: PropType<import("./NTooltip").TooltipPlacement>;
76
- readonly default: "auto";
86
+ readonly default: "auto"; /**
87
+ * @see {@link nValInputProps.name}
88
+ */
77
89
  };
78
90
  readonly tooltipMaxWidth: {
79
91
  readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
@@ -99,6 +111,14 @@ declare const Component: import("vue").DefineComponent<{
99
111
  readonly type: PropType<SelectionOption[]>;
100
112
  readonly default: () => never[];
101
113
  };
114
+ /**
115
+ * The value which is shown in the empty state.
116
+ * The "nothing-option" will be called like this.
117
+ */
118
+ readonly placeholder: {
119
+ readonly type: StringConstructor;
120
+ readonly default: () => string;
121
+ };
102
122
  /**
103
123
  * @see {@link nValInputProps.name}
104
124
  */
@@ -130,7 +150,9 @@ declare const Component: import("vue").DefineComponent<{
130
150
  readonly tooltipShow: BooleanConstructor;
131
151
  readonly tooltipPlacement: {
132
152
  readonly type: PropType<import("./NTooltip").TooltipPlacement>;
133
- readonly default: "auto";
153
+ readonly default: "auto"; /**
154
+ * @see {@link nValInputProps.name}
155
+ */
134
156
  };
135
157
  readonly tooltipMaxWidth: {
136
158
  readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
@@ -156,6 +178,14 @@ declare const Component: import("vue").DefineComponent<{
156
178
  readonly type: PropType<SelectionOption[]>;
157
179
  readonly default: () => never[];
158
180
  };
181
+ /**
182
+ * The value which is shown in the empty state.
183
+ * The "nothing-option" will be called like this.
184
+ */
185
+ readonly placeholder: {
186
+ readonly type: StringConstructor;
187
+ readonly default: () => string;
188
+ };
159
189
  /**
160
190
  * @see {@link nValInputProps.name}
161
191
  */
@@ -187,6 +217,7 @@ declare const Component: import("vue").DefineComponent<{
187
217
  readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
188
218
  readonly options: SelectionOption[];
189
219
  readonly disabled: boolean;
220
+ readonly placeholder: string;
190
221
  readonly hideLabel: boolean;
191
222
  readonly optional: boolean;
192
223
  }>;
package/components/NSelect.js CHANGED
@@ -22,6 +22,14 @@ export const nSelectProps = {
22
22
  type: Array,
23
23
  default: () => []
24
24
  },
25
+ /**
26
+ * The value which is shown in the empty state.
27
+ * The "nothing-option" will be called like this.
28
+ */
29
+ placeholder: {
30
+ type: String,
31
+ default: () => trsl('vue-collection.action.select')
32
+ },
25
33
  /**
26
34
  * @see {@link nValInputProps.name}
27
35
  */
@@ -82,7 +90,7 @@ const Component = createComponent('NSelect', nSelectProps, (props, context) => {
82
90
  "disabled": !props.optional,
83
91
  "selected": !props.value,
84
92
  "value": ""
85
- }, [trsl('vue-collection.action.select')]), props.options.map(option => _createVNode("option", {
93
+ }, [props.placeholder]), props.options.map(option => _createVNode("option", {
86
94
  "key": option.id,
87
95
  "value": option.id,
88
96
  "selected": props.value == option.id
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@naptics/vue-collection",
3
3
  "author": "Timo Siegenthaler",
4
4
  "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
5
- "version": "0.2.6",
5
+ "version": "0.2.7",
6
6
  "main": "./index.js",
7
7
  "repository": {
8
8
  "type": "git",