@public-ui/components 1.5.0-rc.19 → 1.5.0-rc.20

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 (99) hide show
  1. package/cheat-sheet.html +63 -54
  2. package/custom-elements.json +132 -1
  3. package/dist/cjs/aria-selected-3280e495.js +4 -0
  4. package/dist/cjs/aria-selected-3280e495.js.map +1 -0
  5. package/dist/cjs/color-0b347424.js +4 -0
  6. package/dist/cjs/color-0b347424.js.map +1 -0
  7. package/dist/cjs/disabled-2baca3c8.js +4 -0
  8. package/dist/cjs/disabled-2baca3c8.js.map +1 -0
  9. package/dist/cjs/hide-label-6f7c8326.js +4 -0
  10. package/dist/cjs/hide-label-6f7c8326.js.map +1 -0
  11. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  12. package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
  13. package/dist/cjs/kol-button-wc_3.cjs.entry.js.map +1 -1
  14. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  15. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  16. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  17. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  19. package/dist/cjs/kol-popover.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-popover.cjs.entry.js.map +1 -1
  21. package/dist/cjs/kol-split-button.cjs.entry.js +4 -0
  22. package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -0
  23. package/dist/cjs/kolibri.cjs.js +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/components/aria-selected.js +4 -0
  26. package/dist/components/aria-selected.js.map +1 -0
  27. package/dist/components/color.js +1 -1
  28. package/dist/components/color.js.map +1 -1
  29. package/dist/components/component5.js +1 -1
  30. package/dist/components/component5.js.map +1 -1
  31. package/dist/components/component8.js +1 -1
  32. package/dist/components/component8.js.map +1 -1
  33. package/dist/components/hide-label.js +4 -0
  34. package/dist/components/hide-label.js.map +1 -0
  35. package/dist/components/kol-input-text.js +1 -1
  36. package/dist/components/kol-input-text.js.map +1 -1
  37. package/dist/components/kol-popover.js +1 -1
  38. package/dist/components/kol-popover.js.map +1 -1
  39. package/dist/components/kol-split-button.d.ts +11 -0
  40. package/dist/components/kol-split-button.js +4 -0
  41. package/dist/components/kol-split-button.js.map +1 -0
  42. package/dist/esm/aria-selected-c27e9433.js +4 -0
  43. package/dist/esm/aria-selected-c27e9433.js.map +1 -0
  44. package/dist/esm/color-a8bae36b.js +4 -0
  45. package/dist/esm/color-a8bae36b.js.map +1 -0
  46. package/dist/esm/disabled-52196242.js +4 -0
  47. package/dist/esm/disabled-52196242.js.map +1 -0
  48. package/dist/esm/hide-label-3335b848.js +4 -0
  49. package/dist/esm/hide-label-3335b848.js.map +1 -0
  50. package/dist/esm/kol-badge.entry.js +1 -1
  51. package/dist/esm/kol-button-wc_3.entry.js +1 -1
  52. package/dist/esm/kol-button-wc_3.entry.js.map +1 -1
  53. package/dist/esm/kol-input-text.entry.js +1 -1
  54. package/dist/esm/kol-input-text.entry.js.map +1 -1
  55. package/dist/esm/kol-kolibri.entry.js +1 -1
  56. package/dist/esm/kol-link-wc.entry.js +1 -1
  57. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  58. package/dist/esm/kol-popover.entry.js +1 -1
  59. package/dist/esm/kol-popover.entry.js.map +1 -1
  60. package/dist/esm/kol-split-button.entry.js +4 -0
  61. package/dist/esm/kol-split-button.entry.js.map +1 -0
  62. package/dist/esm/kolibri.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/kolibri/aria-selected-c27e9433.js +4 -0
  65. package/dist/kolibri/aria-selected-c27e9433.js.map +1 -0
  66. package/dist/kolibri/color-a8bae36b.js +4 -0
  67. package/dist/kolibri/color-a8bae36b.js.map +1 -0
  68. package/dist/kolibri/disabled-52196242.js +4 -0
  69. package/dist/kolibri/disabled-52196242.js.map +1 -0
  70. package/dist/kolibri/hide-label-3335b848.js +4 -0
  71. package/dist/kolibri/hide-label-3335b848.js.map +1 -0
  72. package/dist/kolibri/kol-badge.entry.js +1 -1
  73. package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
  74. package/dist/kolibri/kol-button-wc_3.entry.js.map +1 -1
  75. package/dist/kolibri/kol-input-text.entry.js +1 -1
  76. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  77. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  78. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  79. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  80. package/dist/kolibri/kol-popover.entry.js +1 -1
  81. package/dist/kolibri/kol-popover.entry.js.map +1 -1
  82. package/dist/kolibri/kol-split-button.entry.js +4 -0
  83. package/dist/kolibri/kol-split-button.entry.js.map +1 -0
  84. package/dist/kolibri/kolibri.esm.js +1 -1
  85. package/dist/kolibri/kolibri.esm.js.map +1 -1
  86. package/dist/types/components/split-button/component.d.ts +52 -0
  87. package/dist/types/components/split-button/types.d.ts +19 -0
  88. package/dist/types/components.d.ts +179 -2
  89. package/dist/types/core/declare.d.ts +10 -0
  90. package/doc/split-button.md +83 -0
  91. package/jest-test-results.json +1 -1
  92. package/package.json +1 -1
  93. package/vscode-custom-data.json +154 -0
  94. package/dist/cjs/color-40b15935.js +0 -4
  95. package/dist/cjs/color-40b15935.js.map +0 -1
  96. package/dist/esm/color-32939623.js +0 -4
  97. package/dist/esm/color-32939623.js.map +0 -1
  98. package/dist/kolibri/color-32939623.js +0 -4
  99. package/dist/kolibri/color-32939623.js.map +0 -1
package/doc/split-button.md ADDED
@@ -0,0 +1,83 @@
1
+ # SplitButton
2
+
3
+ ## Konstruktion
4
+
5
+ ### Code
6
+
7
+ ```html
8
+
9
+ ```
10
+
11
+ ### Beispiel
12
+
13
+ ## Verwendung
14
+
15
+ ### Best practices
16
+
17
+ ### Tastatursteuerung
18
+
19
+ | Taste | Funktion |
20
+ | ------- | -------- |
21
+ | `Tab` | ?? |
22
+ | `Enter` | ?? |
23
+
24
+ ## Links und Referenzen
25
+
26
+ - https://www.w3.org/TR/wai-aria-practices/#accordion
27
+
28
+ <!-- Auto Generated Below -->
29
+
30
+
31
+ ## Properties
32
+
33
+ | Property | Attribute | Description | Type | Default |
34
+ | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
35
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann. | `string` \| `undefined` | `undefined` |
36
+ | `_ariaControls` | `_aria-controls` | Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string` \| `undefined` | `undefined` |
37
+ | `_ariaCurrent` | `_aria-current` | Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined` | `undefined` |
38
+ | `_ariaExpanded` | `_aria-expanded` | Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean` \| `undefined` | `undefined` |
39
+ | `_ariaLabel` | `_aria-label` | Gibt einen beschreibenden Text für den Screenreader an. Damit die Sprachsteuerung von interaktiven Elementen funktioniert, muss der Aria-Label-Text mit dem Label-Text des Buttons beginnen. - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label | `string` \| `undefined` | `undefined` |
40
+ | `_ariaSelected` | `_aria-selected` | Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined` | `undefined` |
41
+ | `_customClass` | `_custom-class` | Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist. | `string` \| `undefined` | `undefined` |
42
+ | `_disabled` | `_disabled` | Gibt an, ob der Button deaktiviert ist. | `boolean` \| `undefined` | `false` |
43
+ | `_hideLabel` | `_hide-label` | Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben. | `boolean` \| `undefined` | `false` |
44
+ | `_icon` | `_icon` | Iconklasse (z.B.: "codicon codicon-home") | `string` \| `undefined` | `undefined` |
45
+ | `_iconOnly` | `_icon-only` | <span class="text-red-500">**[DEPRECATED]**</span> use _hide-label<br/><br/>Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben. | `boolean` \| `undefined` | `false` |
46
+ | `_label` _(required)_ | `_label` | Setzt den sichtbaren Text des Elements. | `string` | `undefined` |
47
+ | `_onClick` | -- | Gibt die EventCallback-Funktionen für die Button-Events an. | `((e: Event) => void)` \| `undefined` | `undefined` |
48
+ | `_role` | `_role` | Gibt an, welche Rolle der Schalter hat. | `"button"` \| `"link"` \| `"tab"` \| `undefined` | `undefined` |
49
+ | `_showDropdown` | `_show-dropdown` | Gibt an, welche Rolle der Schalter hat. | `boolean` \| `undefined` | `false` |
50
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) | `number` \| `undefined` | `undefined` |
51
+ | `_tooltipAlign` | `_tooltip-align` | Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`). | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'` |
52
+ | `_type` | `_type` | Setzt den Typ der Schaltfläche. | `"button"` \| `"reset"` \| `"submit"` \| `undefined` | `'button'` |
53
+ | `_value` | -- | Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt. | `unknown` | `undefined` |
54
+ | `_variant` | `_variant` | Gibt an, welche Ausprägung der Button hat. | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `undefined` | `'normal'` |
55
+
56
+
57
+ ## Slots
58
+
59
+ | Slot | Description |
60
+ | ----------- | ---------------------------------------------------------- |
61
+ | `"popover"` | Ermöglicht das Einfügen beliebigen HTML's in das dropdown. |
62
+
63
+
64
+ ## Dependencies
65
+
66
+ ### Depends on
67
+
68
+ - kol-button-wc
69
+
70
+ ### Graph
71
+ ```mermaid
72
+ graph TD;
73
+ kol-split-button --> kol-button-wc
74
+ kol-button-wc --> kol-span-wc
75
+ kol-button-wc --> kol-tooltip
76
+ kol-span-wc --> kol-icon
77
+ kol-tooltip --> kol-span-wc
78
+ style kol-split-button fill:#f9f,stroke:#333,stroke-width:4px
79
+ ```
80
+
81
+ ----------------------------------------------
82
+
83
+