@quartzds/core 1.0.0-beta.127 → 1.0.0-beta.129

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 (200) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/components/index.js +1 -1
  3. package/components/{p--fUtCWTJ.js → p-BJEvSqqL.js} +6 -6
  4. package/components/{p--fUtCWTJ.js.map → p-BJEvSqqL.js.map} +1 -1
  5. package/components/{p-CeqWiFUg.js → p-Bn9o5Um2.js} +3 -3
  6. package/components/{p-CeqWiFUg.js.map → p-Bn9o5Um2.js.map} +1 -1
  7. package/components/{p-CaibVX_2.js → p-BoqB4ddF.js} +29 -7
  8. package/components/p-BoqB4ddF.js.map +1 -0
  9. package/components/{p-B2794xy3.js → p-CQ-Ilm5d.js} +5 -5
  10. package/components/p-CQ-Ilm5d.js.map +1 -0
  11. package/components/{p-CVa_aaUh.js → p-Cevyg51v.js} +46 -20
  12. package/components/p-Cevyg51v.js.map +1 -0
  13. package/components/{p-CgD-5rh_.js → p-CnWdHgve.js} +12 -22
  14. package/components/p-CnWdHgve.js.map +1 -0
  15. package/components/{p-D03cCQ_7.js → p-CrzaI1TQ.js} +6 -6
  16. package/components/p-CrzaI1TQ.js.map +1 -0
  17. package/components/{p-CIoYTw7w.js → p-DEa0r_EV.js} +6 -6
  18. package/components/p-DEa0r_EV.js.map +1 -0
  19. package/components/{p-CHINI0hi.js → p-DOqfdgQA.js} +6 -6
  20. package/components/p-DOqfdgQA.js.map +1 -0
  21. package/components/{p-BIt0dDIJ.js → p-DjZ2J7fQ.js} +4 -4
  22. package/components/{p-BIt0dDIJ.js.map → p-DjZ2J7fQ.js.map} +1 -1
  23. package/components/{p-epc3kt-8.js → p-Do46q_Gd.js} +5 -5
  24. package/components/p-Do46q_Gd.js.map +1 -0
  25. package/components/{p-CS-MebAm.js → p-cw45QxUT.js} +7 -7
  26. package/components/{p-CS-MebAm.js.map → p-cw45QxUT.js.map} +1 -1
  27. package/components/{p-CtPHn4AQ.js → p-fKK7EmM2.js} +3 -3
  28. package/components/{p-CtPHn4AQ.js.map → p-fKK7EmM2.js.map} +1 -1
  29. package/components/qds-action-item.js +3 -3
  30. package/components/qds-avatar-media.js +1 -1
  31. package/components/qds-avatar.js +5 -5
  32. package/components/qds-avatar.js.map +1 -1
  33. package/components/qds-badge-indicator.js +1 -1
  34. package/components/qds-breadcrumb-item.js +5 -5
  35. package/components/qds-breadcrumb-item.js.map +1 -1
  36. package/components/qds-button.js +12 -20
  37. package/components/qds-button.js.map +1 -1
  38. package/components/qds-checkbox.js +1 -1
  39. package/components/qds-chip.js +62 -29
  40. package/components/qds-chip.js.map +1 -1
  41. package/components/qds-dialog.js +6 -6
  42. package/components/qds-divider.js +1 -1
  43. package/components/qds-dropdown.js +1 -1
  44. package/components/qds-form-message.js +3 -3
  45. package/components/qds-icon-button.js +1 -1
  46. package/components/qds-icon-tab.js +68 -34
  47. package/components/qds-icon-tab.js.map +1 -1
  48. package/components/qds-icon.js +1 -1
  49. package/components/qds-inline-link.js +4 -4
  50. package/components/qds-inline-link.js.map +1 -1
  51. package/components/qds-input.js +6 -6
  52. package/components/qds-input.js.map +1 -1
  53. package/components/qds-label.js +4 -4
  54. package/components/qds-list-item.js +14 -14
  55. package/components/qds-loader.js +2 -2
  56. package/components/qds-menu-item.js +49 -16
  57. package/components/qds-menu-item.js.map +1 -1
  58. package/components/qds-mini-button.js +1 -1
  59. package/components/qds-progress-bar.js +1 -1
  60. package/components/qds-radio.js +1 -1
  61. package/components/qds-select.js +6 -6
  62. package/components/qds-standalone-link.js +2 -2
  63. package/components/qds-switch.js +2 -2
  64. package/components/qds-tab.js +39 -29
  65. package/components/qds-tab.js.map +1 -1
  66. package/components/qds-tabbar.js +140 -33
  67. package/components/qds-tabbar.js.map +1 -1
  68. package/components/qds-table-head-cell.js +2 -2
  69. package/components/qds-tag.js +1 -1
  70. package/components/qds-textarea.js +4 -4
  71. package/components/qds-textarea.js.map +1 -1
  72. package/components/qds-title.js +1 -1
  73. package/components/qds-tooltip.js +1 -1
  74. package/dist/cjs/{helpers-DjUgyTKn.js → helpers-D6srVOLt.js} +31 -6
  75. package/dist/{esm/helpers-mPQzhx-O.js.map → cjs/helpers-D6srVOLt.js.map} +1 -1
  76. package/dist/cjs/loader.cjs.js +1 -1
  77. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  78. package/dist/cjs/qds-avatar-media.cjs.entry.js +2 -2
  79. package/dist/cjs/qds-avatar-media.entry.cjs.js.map +1 -1
  80. package/dist/cjs/qds-avatar.cjs.entry.js +2 -2
  81. package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -1
  82. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  83. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +3 -3
  84. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +3 -3
  85. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  86. package/dist/cjs/qds-button.cjs.entry.js +9 -17
  87. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  88. package/dist/cjs/qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  89. package/dist/cjs/qds-checkbox_2.cjs.entry.js +3 -3
  90. package/dist/cjs/qds-chip.cjs.entry.js +56 -23
  91. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  92. package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
  93. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  94. package/dist/cjs/qds-divider_2.cjs.entry.js +8 -18
  95. package/dist/cjs/qds-dropdown.cjs.entry.js +44 -18
  96. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  97. package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
  98. package/dist/cjs/qds-icon-tab.cjs.entry.js +59 -29
  99. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
  100. package/dist/cjs/qds-icon.cjs.entry.js +1 -1
  101. package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
  102. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  103. package/dist/cjs/qds-input.cjs.entry.js +4 -4
  104. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  105. package/dist/cjs/qds-label.cjs.entry.js +3 -3
  106. package/dist/cjs/qds-list-item.cjs.entry.js +5 -5
  107. package/dist/cjs/qds-loader.cjs.entry.js +1 -1
  108. package/dist/cjs/qds-menu-item.cjs.entry.js +42 -12
  109. package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
  110. package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
  111. package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
  112. package/dist/cjs/qds-select.cjs.entry.js +5 -5
  113. package/dist/cjs/qds-standalone-link.cjs.entry.js +1 -1
  114. package/dist/cjs/qds-switch.cjs.entry.js +1 -1
  115. package/dist/cjs/qds-tab.cjs.entry.js +34 -24
  116. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  117. package/dist/cjs/qds-tabbar.cjs.entry.js +130 -26
  118. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  119. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  120. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  121. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  122. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  123. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  124. package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
  125. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  126. package/dist/cjs/qds.cjs.js +1 -1
  127. package/dist/custom-elements.json +379 -47
  128. package/dist/docs.json +47 -1
  129. package/dist/esm/{helpers-mPQzhx-O.js → helpers-_a9kqEyo.js} +29 -7
  130. package/dist/{cjs/helpers-DjUgyTKn.js.map → esm/helpers-_a9kqEyo.js.map} +1 -1
  131. package/dist/esm/loader.js +1 -1
  132. package/dist/esm/qds-action-item.entry.js +1 -1
  133. package/dist/esm/qds-avatar-media.entry.js +2 -2
  134. package/dist/esm/qds-avatar-media.entry.js.map +1 -1
  135. package/dist/esm/qds-avatar.entry.js +2 -2
  136. package/dist/esm/qds-avatar.entry.js.map +1 -1
  137. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  138. package/dist/esm/qds-badge-counter_2.entry.js +3 -3
  139. package/dist/esm/qds-breadcrumb-item.entry.js +3 -3
  140. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  141. package/dist/esm/qds-button.entry.js +9 -17
  142. package/dist/esm/qds-button.entry.js.map +1 -1
  143. package/dist/esm/qds-checkbox.qds-radio.entry.js.map +1 -1
  144. package/dist/esm/qds-checkbox_2.entry.js +3 -3
  145. package/dist/esm/qds-chip.entry.js +56 -23
  146. package/dist/esm/qds-chip.entry.js.map +1 -1
  147. package/dist/esm/qds-dialog.entry.js +2 -2
  148. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  149. package/dist/esm/qds-divider_2.entry.js +8 -18
  150. package/dist/esm/qds-dropdown.entry.js +44 -18
  151. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  152. package/dist/esm/qds-form-message.entry.js +2 -2
  153. package/dist/esm/qds-icon-tab.entry.js +59 -29
  154. package/dist/esm/qds-icon-tab.entry.js.map +1 -1
  155. package/dist/esm/qds-icon.entry.js +1 -1
  156. package/dist/esm/qds-inline-link.entry.js +3 -3
  157. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  158. package/dist/esm/qds-input.entry.js +4 -4
  159. package/dist/esm/qds-input.entry.js.map +1 -1
  160. package/dist/esm/qds-label.entry.js +3 -3
  161. package/dist/esm/qds-list-item.entry.js +5 -5
  162. package/dist/esm/qds-loader.entry.js +1 -1
  163. package/dist/esm/qds-menu-item.entry.js +42 -12
  164. package/dist/esm/qds-menu-item.entry.js.map +1 -1
  165. package/dist/esm/qds-mini-button.entry.js +1 -1
  166. package/dist/esm/qds-progress-bar.entry.js +1 -1
  167. package/dist/esm/qds-select.entry.js +5 -5
  168. package/dist/esm/qds-standalone-link.entry.js +1 -1
  169. package/dist/esm/qds-switch.entry.js +1 -1
  170. package/dist/esm/qds-tab.entry.js +34 -24
  171. package/dist/esm/qds-tab.entry.js.map +1 -1
  172. package/dist/esm/qds-tabbar.entry.js +130 -26
  173. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  174. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  175. package/dist/esm/qds-tag.entry.js +3 -3
  176. package/dist/esm/qds-textarea.entry.js +4 -4
  177. package/dist/esm/qds-textarea.entry.js.map +1 -1
  178. package/dist/esm/qds-title.entry.js +3 -3
  179. package/dist/esm/qds-tooltip.entry.js +3 -3
  180. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  181. package/dist/esm/qds.js +1 -1
  182. package/dist/types/components/chip/chip.d.ts +4 -2
  183. package/dist/types/components/icon-tab/icon-tab.d.ts +2 -0
  184. package/dist/types/components/menu-item/menu-item.d.ts +3 -0
  185. package/dist/types/components/tab/tab.d.ts +2 -0
  186. package/dist/types/components/tabbar/tabbar.d.ts +7 -0
  187. package/dist/types/components.d.ts +8 -0
  188. package/dist/types/helpers.d.ts +4 -1
  189. package/dist/vscode.html-custom-data.json +4 -0
  190. package/hydrate/index.js +450 -212
  191. package/hydrate/index.mjs +450 -212
  192. package/package.json +1 -1
  193. package/components/p-B2794xy3.js.map +0 -1
  194. package/components/p-CHINI0hi.js.map +0 -1
  195. package/components/p-CIoYTw7w.js.map +0 -1
  196. package/components/p-CVa_aaUh.js.map +0 -1
  197. package/components/p-CaibVX_2.js.map +0 -1
  198. package/components/p-CgD-5rh_.js.map +0 -1
  199. package/components/p-D03cCQ_7.js.map +0 -1
  200. package/components/p-epc3kt-8.js.map +0 -1
@@ -101,6 +101,8 @@ export declare class IconTab implements ComponentInterface {
101
101
  protected panelChanged(): void;
102
102
  protected onClick(event: MouseEvent): void;
103
103
  protected tabindexChanged(newValue: string): void;
104
+ protected ariaLabelChanged(): void;
105
+ protected hrefChanged(): void;
104
106
  componentWillLoad(): void;
105
107
  componentWillRender(): void;
106
108
  componentDidLoad(): void;
@@ -65,6 +65,9 @@ export declare class MenuItem implements ComponentInterface {
65
65
  protected onKeydown(event: KeyboardEvent): Promise<void>;
66
66
  protected disabledChanged(): void;
67
67
  protected checkedChanged(): void;
68
+ protected textChanged(): void;
69
+ protected ariaLabelChanged(newValue: string | null): void;
70
+ protected shortcutChanged(): void;
68
71
  componentDidLoad(): void;
69
72
  componentWillLoad(): void;
70
73
  render(): any;
@@ -144,6 +144,8 @@ export declare class Tab implements ComponentInterface {
144
144
  private readonly internals;
145
145
  protected panelChanged(): void;
146
146
  protected onClick(event: MouseEvent): void;
147
+ protected onBlur(event: FocusEvent): void;
148
+ protected onFocus(event: FocusEvent): void;
147
149
  protected tabindexChanged(newValue: string): void;
148
150
  protected actionChanged(): void;
149
151
  componentWillLoad(): void;
@@ -59,6 +59,11 @@ export declare class Tabbar implements ComponentInterface {
59
59
  * The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.
60
60
  */
61
61
  importance?: TabbarImportance;
62
+ /**
63
+ * Sets the active tab by panel identifier.
64
+ * When set, navigates to the tab with the matching panel.
65
+ */
66
+ active?: string;
62
67
  /**
63
68
  * Emitted when the user selects the tab.
64
69
  */
@@ -72,9 +77,11 @@ export declare class Tabbar implements ComponentInterface {
72
77
  private disableEndArrow;
73
78
  private disableStartArrow;
74
79
  private activeTab?;
80
+ private scrollAnnouncement;
75
81
  protected settingChanged(): void;
76
82
  protected accessibilityChanged(): void;
77
83
  protected windowResize(): void;
84
+ protected activeChanged(): void;
78
85
  componentWillLoad(): void;
79
86
  componentDidRender(): void;
80
87
  componentDidLoad(): void;
@@ -1827,6 +1827,10 @@ export namespace Components {
1827
1827
  * It allows users to switch between groups by clicking on Tabs without going to another page.
1828
1828
  */
1829
1829
  interface QdsTabbar {
1830
+ /**
1831
+ * Sets the active tab by panel identifier. When set, navigates to the tab with the matching panel.
1832
+ */
1833
+ "active"?: string;
1830
1834
  /**
1831
1835
  * The alignment of tabs. Only applicable for horizontal orientation.
1832
1836
  * @default 'start'
@@ -5073,6 +5077,10 @@ declare namespace LocalJSX {
5073
5077
  * It allows users to switch between groups by clicking on Tabs without going to another page.
5074
5078
  */
5075
5079
  interface QdsTabbar {
5080
+ /**
5081
+ * Sets the active tab by panel identifier. When set, navigates to the tab with the matching panel.
5082
+ */
5083
+ "active"?: string;
5076
5084
  /**
5077
5085
  * The alignment of tabs. Only applicable for horizontal orientation.
5078
5086
  * @default 'start'
@@ -40,7 +40,7 @@ export declare const isTouchDevice: () => boolean;
40
40
  */
41
41
  export declare const isEllipsisActive: (element: Element) => boolean;
42
42
  export declare const determineLinkIcon: (target?: string, rel?: string) => LinkIcon | undefined;
43
- export declare const resolveTarget: (target?: ReferenceElement | string | (() => ReferenceElement | string)) => ReferenceElement | undefined;
43
+ export declare const resolveTarget: (target?: ReferenceElement | string | (() => ReferenceElement | string), caller?: string) => ReferenceElement | undefined;
44
44
  /**
45
45
  * Waits for a component to be ready for
46
46
  * both custom element and non-custom element builds.
@@ -71,5 +71,8 @@ export declare const isRTL: (element: Element) => boolean;
71
71
  export declare const getSubmenuOpenKey: (element: Element) => string;
72
72
  export declare const getSubmenuCloseKey: (element: Element) => string;
73
73
  export declare const isCurrentPage: (url: string) => boolean;
74
+ export declare const isCounter: (value: unknown) => value is number;
75
+ export declare const isIndicator: (value: unknown) => value is "" | true;
76
+ export declare const computeBadgeValue: (text: string | undefined, badge: number | string | true | undefined, description?: string) => string | null;
74
77
  export {};
75
78
  //# sourceMappingURL=helpers.d.ts.map
@@ -2609,6 +2609,10 @@
2609
2609
  "value": "`<qds-tabbar>` is the component that facilitates navigation between the groups\nof related content within the page.\nIt allows users to switch between groups by clicking on Tabs without going to another page."
2610
2610
  },
2611
2611
  "attributes": [
2612
+ {
2613
+ "name": "active",
2614
+ "description": "Sets the active tab by panel identifier.\nWhen set, navigates to the tab with the matching panel."
2615
+ },
2612
2616
  {
2613
2617
  "name": "alignment",
2614
2618
  "description": "The alignment of tabs. Only applicable for horizontal orientation.",