@kern-ux-annex/kern-angular-kit 0.3.7 → 1.0.1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kern-ux-annex/kern-angular-kit",
3
- "version": "0.3.7",
3
+ "version": "1.0.1",
4
4
  "description": "Angular-Umsetzung der KERN UX-Standard Komponenten",
5
5
  "keywords": [
6
6
  "angular",
@@ -21,10 +21,10 @@
21
21
  "Axel Wolters"
22
22
  ],
23
23
  "peerDependencies": {
24
- "@angular/common": "^20.1.0",
25
- "@angular/core": "^20.1.0",
26
- "@angular/forms": "^20.1.0",
27
- "@angular/localize": "^20.1.0"
24
+ "@angular/common": "^20.2.3",
25
+ "@angular/core": "^20.2.3",
26
+ "@angular/forms": "^20.2.3",
27
+ "@angular/localize": "^20.2.3"
28
28
  },
29
29
  "dependencies": {
30
30
  "tslib": "^2.3.0"
@@ -33,7 +33,6 @@
33
33
  "files": [
34
34
  "**/*",
35
35
  "README.md",
36
- "COMPONENTS.md",
37
36
  "INTELLISENSE.md"
38
37
  ],
39
38
  "module": "fesm2022/kern-ux-annex-kern-angular-kit.mjs",
@@ -22,6 +22,12 @@
22
22
  "required": ["title"],
23
23
  "additionalProperties": false
24
24
  },
25
+ "KernAccordionGroup": {
26
+ "type": "object",
27
+ "description": "Configuration for kern-accordion-group component",
28
+ "properties": {},
29
+ "additionalProperties": false
30
+ },
25
31
  "KernAlert": {
26
32
  "type": "object",
27
33
  "description": "Configuration for kern-alert component",
@@ -40,6 +46,122 @@
40
46
  "required": ["title"],
41
47
  "additionalProperties": false
42
48
  },
49
+ "KernBadge": {
50
+ "type": "object",
51
+ "description": "Configuration for kern-badge component",
52
+ "properties": {
53
+ "variant": {
54
+ "type": "string",
55
+ "enum": ["info", "success", "warning", "danger"],
56
+ "default": "info",
57
+ "description": "The visual style of the badge"
58
+ },
59
+ "icon": {
60
+ "type": ["string", "null"],
61
+ "description": "Icon name to display in the badge"
62
+ }
63
+ },
64
+ "additionalProperties": false
65
+ },
66
+ "KernButton": {
67
+ "type": "object",
68
+ "description": "Configuration for kern-button component",
69
+ "properties": {
70
+ "variant": {
71
+ "type": "string",
72
+ "enum": ["primary", "secondary", "tertiary"],
73
+ "default": "primary",
74
+ "description": "The visual style of the button"
75
+ },
76
+ "block": {
77
+ "type": "boolean",
78
+ "default": false,
79
+ "description": "Whether the button should take full width"
80
+ },
81
+ "disabled": {
82
+ "type": "boolean",
83
+ "default": false,
84
+ "description": "Whether the button is disabled"
85
+ },
86
+ "type": {
87
+ "type": "string",
88
+ "enum": ["button", "submit", "reset"],
89
+ "default": "button",
90
+ "description": "The button type attribute"
91
+ },
92
+ "iconLeft": {
93
+ "type": ["string", "null"],
94
+ "description": "Icon name to display on the left side"
95
+ },
96
+ "iconRight": {
97
+ "type": ["string", "null"],
98
+ "description": "Icon name to display on the right side"
99
+ },
100
+ "srOnlyLabel": {
101
+ "type": "boolean",
102
+ "default": false,
103
+ "description": "Whether the label is screen reader only"
104
+ }
105
+ },
106
+ "additionalProperties": false
107
+ },
108
+ "KernCard": {
109
+ "type": "object",
110
+ "description": "Configuration for kern-card component",
111
+ "properties": {
112
+ "title": {
113
+ "type": ["string", "null"],
114
+ "description": "The card title"
115
+ },
116
+ "titleLinkHref": {
117
+ "type": ["string", "null"],
118
+ "description": "URL for the title link"
119
+ },
120
+ "titleLinkTarget": {
121
+ "type": "string",
122
+ "enum": ["_self", "_blank", "_parent", "_top"],
123
+ "default": "_self",
124
+ "description": "Target for the title link"
125
+ },
126
+ "preline": {
127
+ "type": ["string", "null"],
128
+ "description": "Text displayed above the title"
129
+ },
130
+ "subline": {
131
+ "type": ["string", "null"],
132
+ "description": "Text displayed below the title"
133
+ },
134
+ "imgSrc": {
135
+ "type": ["string", "null"],
136
+ "description": "Image source URL"
137
+ },
138
+ "imgAlt": {
139
+ "type": ["string", "null"],
140
+ "description": "Image alt text"
141
+ },
142
+ "size": {
143
+ "type": "string",
144
+ "enum": ["default", "small", "large"],
145
+ "default": "default",
146
+ "description": "The card size"
147
+ },
148
+ "headingLevel": {
149
+ "type": "string",
150
+ "enum": ["1", "2", "3", "4", "5"],
151
+ "default": "2",
152
+ "description": "The heading level for the title"
153
+ },
154
+ "btnPrimaryLabelText": {
155
+ "type": ["string", "null"],
156
+ "description": "Primary button label text"
157
+ },
158
+ "btnSecondaryLabelText": {
159
+ "type": ["string", "null"],
160
+ "description": "Secondary button label text"
161
+ }
162
+ },
163
+ "additionalProperties": false
164
+ },
43
165
  "KernDialog": {
44
166
  "type": "object",
45
167
  "description": "Configuration for kern-dialog component",
@@ -69,6 +191,51 @@
69
191
  "required": ["title"],
70
192
  "additionalProperties": false
71
193
  },
194
+ "KernDivider": {
195
+ "type": "object",
196
+ "description": "Configuration for kern-divider component",
197
+ "properties": {},
198
+ "additionalProperties": false
199
+ },
200
+ "KernIcon": {
201
+ "type": "object",
202
+ "description": "Configuration for kern-icon component",
203
+ "properties": {
204
+ "name": {
205
+ "type": "string",
206
+ "description": "The icon name/identifier"
207
+ },
208
+ "size": {
209
+ "type": "string",
210
+ "description": "The icon size"
211
+ }
212
+ },
213
+ "required": ["name"],
214
+ "additionalProperties": false
215
+ },
216
+ "KernLink": {
217
+ "type": "object",
218
+ "description": "Configuration for kern-link component",
219
+ "properties": {
220
+ "href": {
221
+ "type": "string",
222
+ "description": "The link URL"
223
+ },
224
+ "target": {
225
+ "type": "string",
226
+ "enum": ["_self", "_blank", "_parent", "_top"],
227
+ "default": "_self",
228
+ "description": "The link target"
229
+ },
230
+ "external": {
231
+ "type": "boolean",
232
+ "default": false,
233
+ "description": "Whether this is an external link"
234
+ }
235
+ },
236
+ "required": ["href"],
237
+ "additionalProperties": false
238
+ },
72
239
  "KernLoader": {
73
240
  "type": "object",
74
241
  "description": "Configuration for kern-loader component",
@@ -81,6 +248,226 @@
81
248
  },
82
249
  "additionalProperties": false
83
250
  },
251
+ "KernProgress": {
252
+ "type": "object",
253
+ "description": "Configuration for kern-progress component",
254
+ "properties": {
255
+ "value": {
256
+ "type": "number",
257
+ "description": "The current progress value"
258
+ },
259
+ "max": {
260
+ "type": "number",
261
+ "default": 100,
262
+ "description": "The maximum progress value"
263
+ },
264
+ "label": {
265
+ "type": "string",
266
+ "description": "The progress label"
267
+ }
268
+ },
269
+ "required": ["value"],
270
+ "additionalProperties": false
271
+ },
272
+ "KernKopfzeile": {
273
+ "type": "object",
274
+ "description": "Configuration for kern-kopfzeile component",
275
+ "properties": {
276
+ "fluid": {
277
+ "type": "boolean",
278
+ "description": "If set, the element stretches to full width"
279
+ }
280
+ },
281
+ "additionalProperties": false
282
+ },
283
+ "KernHeading": {
284
+ "type": "object",
285
+ "description": "Configuration for kern-heading component",
286
+ "properties": {
287
+ "level": {
288
+ "type": "string",
289
+ "enum": ["1", "2", "3", "4", "5", "6"],
290
+ "default": "1",
291
+ "description": "The heading level"
292
+ },
293
+ "text": {
294
+ "type": "string",
295
+ "description": "The heading text content"
296
+ }
297
+ },
298
+ "required": ["text"],
299
+ "additionalProperties": false
300
+ },
301
+ "KernTableColumn": {
302
+ "type": "object",
303
+ "description": "Table column definition",
304
+ "properties": {
305
+ "key": {
306
+ "type": "string",
307
+ "description": "The data key for this column"
308
+ },
309
+ "header": {
310
+ "type": "string",
311
+ "description": "The column header text"
312
+ },
313
+ "numeric": {
314
+ "type": "boolean",
315
+ "default": false,
316
+ "description": "Whether this column contains numeric data"
317
+ }
318
+ },
319
+ "required": ["key", "header"],
320
+ "additionalProperties": false
321
+ },
322
+ "KernTable": {
323
+ "type": "object",
324
+ "description": "Configuration for kern-table component",
325
+ "properties": {
326
+ "responsive": {
327
+ "type": "boolean",
328
+ "default": true,
329
+ "description": "Whether the table is responsive"
330
+ },
331
+ "small": {
332
+ "type": "boolean",
333
+ "default": false,
334
+ "description": "Whether to use compact table styling"
335
+ },
336
+ "striped": {
337
+ "type": "boolean",
338
+ "default": false,
339
+ "description": "Whether to use striped row styling"
340
+ },
341
+ "caption": {
342
+ "type": ["string", "null"],
343
+ "description": "Table caption text"
344
+ },
345
+ "columns": {
346
+ "type": "array",
347
+ "items": { "$ref": "#/definitions/KernTableColumn" },
348
+ "description": "Table column definitions"
349
+ },
350
+ "data": {
351
+ "type": "array",
352
+ "items": { "type": "object" },
353
+ "description": "Table data rows"
354
+ },
355
+ "footer": {
356
+ "type": ["array", "null"],
357
+ "items": { "type": "object" },
358
+ "description": "Table footer rows"
359
+ },
360
+ "rowHeaderKey": {
361
+ "type": ["string", "null"],
362
+ "description": "Key for row header column"
363
+ }
364
+ },
365
+ "required": ["columns", "data"],
366
+ "additionalProperties": false
367
+ },
368
+ "KernSummaryItem": {
369
+ "type": "object",
370
+ "properties": {
371
+ "term": { "type": "string" },
372
+ "description": { "type": "string" }
373
+ },
374
+ "required": ["term", "description"],
375
+ "additionalProperties": false
376
+ },
377
+ "KernSummary": {
378
+ "type": "object",
379
+ "description": "Configuration for kern-summary component",
380
+ "properties": {
381
+ "titleId": {
382
+ "type": "string",
383
+ "description": "Custom title ID"
384
+ },
385
+ "title": {
386
+ "type": ["string", "null"],
387
+ "description": "Summary title"
388
+ },
389
+ "titleNumber": {
390
+ "type": ["string", "null"],
391
+ "description": "Title number/prefix"
392
+ },
393
+ "headingLevel": {
394
+ "type": "string",
395
+ "enum": ["1", "2", "3", "4", "5", "6"],
396
+ "default": "3",
397
+ "description": "Heading level for the title"
398
+ },
399
+ "items": {
400
+ "type": "array",
401
+ "items": { "$ref": "#/definitions/KernSummaryItem" },
402
+ "description": "Summary items"
403
+ },
404
+ "actionLinkHref": {
405
+ "type": ["string", "null"],
406
+ "description": "Action link URL"
407
+ },
408
+ "actionLinkTarget": {
409
+ "type": "string",
410
+ "enum": ["_self", "_blank", "_parent", "_top"],
411
+ "default": "_self",
412
+ "description": "Action link target"
413
+ }
414
+ },
415
+ "required": ["items"],
416
+ "additionalProperties": false
417
+ },
418
+ "KernSummaryGroup": {
419
+ "type": "object",
420
+ "description": "Configuration for kern-summary-group component",
421
+ "properties": {},
422
+ "additionalProperties": false
423
+ },
424
+ "KernDescriptionList": {
425
+ "type": "object",
426
+ "description": "Configuration for kern-description-list component",
427
+ "properties": {
428
+ "items": {
429
+ "type": "array",
430
+ "items": { "$ref": "#/definitions/KernSummaryItem" },
431
+ "description": "Description list items"
432
+ },
433
+ "orientation": {
434
+ "type": "string",
435
+ "enum": ["horizontal", "vertical"],
436
+ "description": "List orientation"
437
+ }
438
+ },
439
+ "required": ["items"],
440
+ "additionalProperties": false
441
+ },
442
+ "KernTasklistItem": {
443
+ "type": "object",
444
+ "properties": {
445
+ "id": { "type": "string" },
446
+ "text": { "type": "string" },
447
+ "completed": { "type": "boolean", "default": false },
448
+ "href": { "type": "string" }
449
+ },
450
+ "required": ["id", "text"],
451
+ "additionalProperties": false
452
+ },
453
+ "KernTasklist": {
454
+ "type": "object",
455
+ "description": "Configuration for kern-tasklist component",
456
+ "properties": {
457
+ "tasks": {
458
+ "type": "array",
459
+ "items": { "$ref": "#/definitions/KernTasklistItem" },
460
+ "description": "Task items"
461
+ },
462
+ "editable": {
463
+ "type": "boolean",
464
+ "default": false,
465
+ "description": "Whether tasks can be edited"
466
+ }
467
+ },
468
+ "required": ["tasks"],
469
+ "additionalProperties": false
470
+ },
84
471
  "KernInputBase": {
85
472
  "type": "object",
86
473
  "description": "Base configuration shared by all form input components",
@@ -111,6 +498,47 @@
111
498
  },
112
499
  "required": ["labelText"]
113
500
  },
501
+ "KernFieldset": {
502
+ "type": "object",
503
+ "description": "Configuration for kern-fieldset component",
504
+ "properties": {
505
+ "legend": {
506
+ "type": "string",
507
+ "description": "Fieldset legend text"
508
+ },
509
+ "required": {
510
+ "type": "boolean",
511
+ "default": false,
512
+ "description": "Whether the fieldset is required"
513
+ }
514
+ },
515
+ "required": ["legend"],
516
+ "additionalProperties": false
517
+ },
518
+ "KernInputError": {
519
+ "type": "object",
520
+ "description": "Configuration for kern-input-error component",
521
+ "properties": {
522
+ "errorText": {
523
+ "type": "string",
524
+ "description": "Error message text"
525
+ }
526
+ },
527
+ "required": ["errorText"],
528
+ "additionalProperties": false
529
+ },
530
+ "KernInputHint": {
531
+ "type": "object",
532
+ "description": "Configuration for kern-input-hint component",
533
+ "properties": {
534
+ "hintText": {
535
+ "type": "string",
536
+ "description": "Hint message text"
537
+ }
538
+ },
539
+ "required": ["hintText"],
540
+ "additionalProperties": false
541
+ },
114
542
  "KernInputText": {
115
543
  "allOf": [
116
544
  { "$ref": "#/definitions/KernInputBase" },
@@ -132,6 +560,37 @@
132
560
  }
133
561
  ]
134
562
  },
563
+ "KernInputNumber": {
564
+ "allOf": [
565
+ { "$ref": "#/definitions/KernInputBase" },
566
+ {
567
+ "type": "object",
568
+ "description": "Configuration for kern-input-number component",
569
+ "properties": {
570
+ "min": {
571
+ "type": ["number", "null"],
572
+ "description": "Minimum allowed value"
573
+ },
574
+ "max": {
575
+ "type": ["number", "null"],
576
+ "description": "Maximum allowed value"
577
+ },
578
+ "step": {
579
+ "type": ["number", "null"],
580
+ "description": "Step increment for the input"
581
+ },
582
+ "autocomplete": {
583
+ "type": ["string", "null"],
584
+ "description": "Autocomplete attribute value"
585
+ },
586
+ "placeholder": {
587
+ "type": ["string", "null"],
588
+ "description": "Placeholder text"
589
+ }
590
+ }
591
+ }
592
+ ]
593
+ },
135
594
  "KernInputDate": {
136
595
  "allOf": [
137
596
  { "$ref": "#/definitions/KernInputBase" },
@@ -216,10 +675,9 @@
216
675
  "type": "object",
217
676
  "description": "Configuration for kern-input-select component",
218
677
  "properties": {
219
- "multiple": {
220
- "type": "boolean",
221
- "default": false,
222
- "description": "Whether multiple options can be selected"
678
+ "emptyPlaceholder": {
679
+ "type": "string",
680
+ "default": ""
223
681
  }
224
682
  }
225
683
  }
@@ -250,6 +708,52 @@
250
708
  }
251
709
  }
252
710
  ]
711
+ },
712
+ "KernContainer": {
713
+ "type": "object",
714
+ "description": "Configuration for kern-container component",
715
+ "properties": {
716
+ "fluid": {
717
+ "type": "boolean"
718
+ }
719
+ },
720
+ "additionalProperties": false
721
+ },
722
+ "KernRow": {
723
+ "type": "object",
724
+ "description": "Configuration for kern-row component",
725
+ "properties": {
726
+ "verticalAlign": {
727
+ "type": ["string", "null"],
728
+ "enum": ["start", "center", "end", null]
729
+ },
730
+ "horizontalAlign": {
731
+ "type": ["string", "null"],
732
+ "enum": [
733
+ "start",
734
+ "center",
735
+ "end",
736
+ "around",
737
+ "between",
738
+ "evenly",
739
+ null
740
+ ]
741
+ }
742
+ },
743
+ "additionalProperties": false
744
+ },
745
+ "KernCol": {
746
+ "type": "object",
747
+ "description": "Configuration for kern-col component",
748
+ "properties": {
749
+ "size": {
750
+ "type": ["number", "object"]
751
+ },
752
+ "offset": {
753
+ "type": ["number", "object"]
754
+ }
755
+ },
756
+ "additionalProperties": false
253
757
  }
254
758
  },
255
759
  "properties": {
@@ -258,10 +762,31 @@
258
762
  "description": "Component configurations organized by component selector",
259
763
  "properties": {
260
764
  "kern-accordion": { "$ref": "#/definitions/KernAccordion" },
765
+ "kern-accordion-group": { "$ref": "#/definitions/KernAccordionGroup" },
261
766
  "kern-alert": { "$ref": "#/definitions/KernAlert" },
767
+ "kern-badge": { "$ref": "#/definitions/KernBadge" },
768
+ "kern-button": { "$ref": "#/definitions/KernButton" },
769
+ "kern-card": { "$ref": "#/definitions/KernCard" },
262
770
  "kern-dialog": { "$ref": "#/definitions/KernDialog" },
771
+ "kern-divider": { "$ref": "#/definitions/KernDivider" },
772
+ "kern-icon": { "$ref": "#/definitions/KernIcon" },
773
+ "kern-link": { "$ref": "#/definitions/KernLink" },
263
774
  "kern-loader": { "$ref": "#/definitions/KernLoader" },
775
+ "kern-progress": { "$ref": "#/definitions/KernProgress" },
776
+ "kern-kopfzeile": { "$ref": "#/definitions/KernKopfzeile" },
777
+ "kern-heading": { "$ref": "#/definitions/KernHeading" },
778
+ "kern-table": { "$ref": "#/definitions/KernTable" },
779
+ "kern-summary": { "$ref": "#/definitions/KernSummary" },
780
+ "kern-summary-group": { "$ref": "#/definitions/KernSummaryGroup" },
781
+ "kern-description-list": {
782
+ "$ref": "#/definitions/KernDescriptionList"
783
+ },
784
+ "kern-tasklist": { "$ref": "#/definitions/KernTasklist" },
785
+ "kern-fieldset": { "$ref": "#/definitions/KernFieldset" },
786
+ "kern-input-error": { "$ref": "#/definitions/KernInputError" },
787
+ "kern-input-hint": { "$ref": "#/definitions/KernInputHint" },
264
788
  "kern-input-text": { "$ref": "#/definitions/KernInputText" },
789
+ "kern-input-number": { "$ref": "#/definitions/KernInputNumber" },
265
790
  "kern-input-checkbox": { "$ref": "#/definitions/KernInputBase" },
266
791
  "kern-input-date": { "$ref": "#/definitions/KernInputDate" },
267
792
  "kern-input-email": { "$ref": "#/definitions/KernInputBase" },
@@ -271,7 +796,10 @@
271
796
  "kern-input-select": { "$ref": "#/definitions/KernInputSelect" },
272
797
  "kern-input-tel": { "$ref": "#/definitions/KernInputBase" },
273
798
  "kern-input-textarea": { "$ref": "#/definitions/KernInputTextarea" },
274
- "kern-input-url": { "$ref": "#/definitions/KernInputBase" }
799
+ "kern-input-url": { "$ref": "#/definitions/KernInputBase" },
800
+ "kern-container": { "$ref": "#/definitions/KernContainer" },
801
+ "kern-row": { "$ref": "#/definitions/KernRow" },
802
+ "kern-col": { "$ref": "#/definitions/KernCol" }
275
803
  },
276
804
  "additionalProperties": false
277
805
  }