@esri/calcite-components 1.0.0-next.305 → 1.0.0-next.309

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 (161) hide show
  1. package/dist/calcite/calcite.esm.js +1 -1
  2. package/dist/calcite/calcite.js +1 -1
  3. package/dist/calcite/p-2a714a22.entry.js +5 -0
  4. package/dist/calcite/p-362cb320.entry.js +5 -0
  5. package/dist/calcite/{p-e62a9b1d.system.entry.js → p-4778c5cf.system.entry.js} +1 -1
  6. package/dist/calcite/{p-9f240615.system.entry.js → p-59a285d8.system.entry.js} +1 -1
  7. package/dist/calcite/p-688f06b9.entry.js +5 -0
  8. package/dist/calcite/p-8c02f97a.entry.js +5 -0
  9. package/dist/calcite/p-8e252799.system.js +5 -0
  10. package/dist/calcite/{p-243d95ab.system.entry.js → p-a5e8f022.system.entry.js} +2 -2
  11. package/dist/calcite/{p-88b875d3.system.entry.js → p-b0e21c19.system.entry.js} +1 -1
  12. package/dist/calcite/p-c61ebee9.entry.js +5 -0
  13. package/dist/calcite/p-ca6025ab.system.entry.js +5 -0
  14. package/dist/calcite/p-dbe899c6.system.entry.js +5 -0
  15. package/dist/calcite/p-e616f9b5.entry.js +5 -0
  16. package/dist/cjs/calcite-alert.cjs.entry.js +22 -5
  17. package/dist/cjs/calcite-graph_2.cjs.entry.js +18 -10
  18. package/dist/cjs/calcite-input.cjs.entry.js +16 -14
  19. package/dist/cjs/calcite-radio_2.cjs.entry.js +3 -7
  20. package/dist/cjs/calcite-shell_3.cjs.entry.js +156 -5
  21. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +2 -2
  22. package/dist/cjs/calcite.cjs.js +2 -2
  23. package/dist/cjs/loader.cjs.js +2 -2
  24. package/dist/collection/collection-manifest.json +1 -1
  25. package/dist/collection/components/calcite-alert/calcite-alert.js +23 -4
  26. package/dist/collection/components/calcite-input/calcite-input.js +16 -14
  27. package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +3 -7
  28. package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.css +43 -0
  29. package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.js +194 -5
  30. package/dist/collection/components/calcite-shell-panel/resources.js +5 -1
  31. package/dist/collection/components/calcite-slider/calcite-slider.css +1 -0
  32. package/dist/collection/components/calcite-slider/calcite-slider.js +19 -9
  33. package/dist/collection/components/calcite-tile-select/calcite-tile-select.js +16 -4
  34. package/dist/components/calcite-accordion-item.js +4 -1
  35. package/dist/components/calcite-accordion.js +4 -1
  36. package/dist/components/calcite-action-bar.js +4 -1
  37. package/dist/components/calcite-action-group2.js +4 -1
  38. package/dist/components/calcite-action-menu2.js +4 -1
  39. package/dist/components/calcite-action-pad.js +4 -1
  40. package/dist/components/calcite-action2.js +4 -1
  41. package/dist/components/calcite-alert.js +26 -6
  42. package/dist/components/calcite-avatar.js +4 -1
  43. package/dist/components/calcite-block-section.js +4 -1
  44. package/dist/components/calcite-block.js +4 -1
  45. package/dist/components/calcite-button2.js +5 -2
  46. package/dist/components/calcite-card.js +4 -1
  47. package/dist/components/calcite-checkbox2.js +4 -1
  48. package/dist/components/calcite-chip2.js +4 -1
  49. package/dist/components/calcite-color-picker-hex-input2.js +4 -1
  50. package/dist/components/calcite-color-picker-swatch2.js +4 -1
  51. package/dist/components/calcite-color-picker.js +4 -1
  52. package/dist/components/calcite-combobox-item-group.js +4 -1
  53. package/dist/components/calcite-combobox-item.js +4 -1
  54. package/dist/components/calcite-combobox.js +4 -1
  55. package/dist/components/calcite-date-picker-day2.js +4 -1
  56. package/dist/components/calcite-date-picker-month-header2.js +4 -1
  57. package/dist/components/calcite-date-picker-month2.js +4 -1
  58. package/dist/components/calcite-date-picker2.js +4 -1
  59. package/dist/components/calcite-dropdown-group.js +4 -1
  60. package/dist/components/calcite-dropdown-item.js +4 -1
  61. package/dist/components/calcite-dropdown2.js +4 -1
  62. package/dist/components/calcite-fab.js +4 -1
  63. package/dist/components/calcite-filter2.js +4 -1
  64. package/dist/components/calcite-flow.js +4 -1
  65. package/dist/components/calcite-graph2.js +4 -1
  66. package/dist/components/calcite-handle2.js +4 -1
  67. package/dist/components/calcite-icon2.js +4 -1
  68. package/dist/components/calcite-inline-editable.js +4 -1
  69. package/dist/components/calcite-input-date-picker.js +4 -1
  70. package/dist/components/calcite-input-message.js +4 -1
  71. package/dist/components/calcite-input-time-picker.js +4 -1
  72. package/dist/components/calcite-input2.js +20 -15
  73. package/dist/components/calcite-label2.js +4 -1
  74. package/dist/components/calcite-link2.js +4 -1
  75. package/dist/components/calcite-list-item-group.js +4 -1
  76. package/dist/components/calcite-list-item.js +4 -1
  77. package/dist/components/calcite-list.js +4 -1
  78. package/dist/components/calcite-loader2.js +4 -1
  79. package/dist/components/calcite-modal.js +4 -1
  80. package/dist/components/calcite-notice.js +4 -1
  81. package/dist/components/calcite-option-group.js +4 -1
  82. package/dist/components/calcite-option.js +4 -1
  83. package/dist/components/calcite-pagination.js +4 -1
  84. package/dist/components/calcite-panel.js +4 -1
  85. package/dist/components/calcite-pick-list-group.js +4 -1
  86. package/dist/components/calcite-pick-list-item2.js +4 -1
  87. package/dist/components/calcite-pick-list.js +4 -1
  88. package/dist/components/calcite-popover-manager.js +4 -1
  89. package/dist/components/calcite-popover2.js +4 -1
  90. package/dist/components/calcite-progress2.js +4 -1
  91. package/dist/components/calcite-radio-button-group.js +4 -1
  92. package/dist/components/calcite-radio-button.js +7 -8
  93. package/dist/components/calcite-radio-group-item.js +4 -1
  94. package/dist/components/calcite-radio-group.js +4 -1
  95. package/dist/components/calcite-radio2.js +4 -1
  96. package/dist/components/calcite-rating.js +4 -1
  97. package/dist/components/calcite-scrim2.js +4 -1
  98. package/dist/components/calcite-select.js +4 -1
  99. package/dist/components/calcite-shell-center-row.js +4 -1
  100. package/dist/components/calcite-shell-panel.js +164 -7
  101. package/dist/components/calcite-shell.js +4 -1
  102. package/dist/components/calcite-slider.js +22 -11
  103. package/dist/components/calcite-sortable-list.js +4 -1
  104. package/dist/components/calcite-split-button.js +4 -1
  105. package/dist/components/calcite-stepper-item.js +4 -1
  106. package/dist/components/calcite-stepper.js +4 -1
  107. package/dist/components/calcite-switch2.js +4 -1
  108. package/dist/components/calcite-tab-nav2.js +4 -1
  109. package/dist/components/calcite-tab-title2.js +4 -1
  110. package/dist/components/calcite-tab2.js +4 -1
  111. package/dist/components/calcite-tabs2.js +4 -1
  112. package/dist/components/calcite-tile-select-group.js +4 -1
  113. package/dist/components/calcite-tile-select.js +7 -4
  114. package/dist/components/calcite-tile2.js +4 -1
  115. package/dist/components/calcite-time-picker2.js +4 -1
  116. package/dist/components/calcite-tip-group.js +4 -1
  117. package/dist/components/calcite-tip-manager.js +4 -1
  118. package/dist/components/calcite-tip.js +4 -1
  119. package/dist/components/calcite-tooltip-manager2.js +4 -1
  120. package/dist/components/calcite-tooltip.js +4 -1
  121. package/dist/components/calcite-tree-item.js +4 -1
  122. package/dist/components/calcite-tree.js +4 -1
  123. package/dist/components/calcite-value-list-item.js +4 -1
  124. package/dist/components/calcite-value-list.js +4 -1
  125. package/dist/custom-elements/index.js +403 -230
  126. package/dist/esm/calcite-alert.entry.js +22 -5
  127. package/dist/esm/calcite-graph_2.entry.js +18 -10
  128. package/dist/esm/calcite-input.entry.js +16 -14
  129. package/dist/esm/calcite-radio_2.entry.js +3 -7
  130. package/dist/esm/calcite-shell_3.entry.js +157 -6
  131. package/dist/esm/calcite-tile-select_2.entry.js +2 -2
  132. package/dist/esm/calcite.js +2 -2
  133. package/dist/esm/loader.js +2 -2
  134. package/dist/esm-es5/calcite-alert.entry.js +2 -2
  135. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  136. package/dist/esm-es5/calcite-input.entry.js +1 -1
  137. package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
  138. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  139. package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
  140. package/dist/esm-es5/calcite.js +1 -1
  141. package/dist/esm-es5/loader.js +1 -1
  142. package/dist/extras/docs-json.json +51 -2
  143. package/dist/types/components/calcite-alert/calcite-alert.d.ts +3 -0
  144. package/dist/types/components/calcite-input/calcite-input.d.ts +1 -1
  145. package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts +31 -0
  146. package/dist/types/components/calcite-shell-panel/resources.d.ts +4 -0
  147. package/dist/types/components/calcite-slider/calcite-slider.d.ts +3 -1
  148. package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts +2 -2
  149. package/dist/types/components.d.ts +18 -0
  150. package/hydrate/index.js +316 -140
  151. package/package.json +10 -10
  152. package/readme.md +2 -2
  153. package/dist/calcite/p-3eb1dc0f.entry.js +0 -5
  154. package/dist/calcite/p-42696c81.system.entry.js +0 -5
  155. package/dist/calcite/p-56e28cef.entry.js +0 -5
  156. package/dist/calcite/p-5c0c29bc.entry.js +0 -5
  157. package/dist/calcite/p-5f817b79.entry.js +0 -5
  158. package/dist/calcite/p-6f1cca21.system.js +0 -5
  159. package/dist/calcite/p-737fb960.entry.js +0 -5
  160. package/dist/calcite/p-82139130.entry.js +0 -5
  161. package/dist/calcite/p-b1a96c72.system.entry.js +0 -5
@@ -26,11 +26,42 @@ export declare class CalciteShellPanel {
26
26
  * Arranges the component depending on the elements 'dir' property.
27
27
  */
28
28
  position: Position;
29
+ /**
30
+ * Accessible label for resize separator.
31
+ * @default "Resize"
32
+ */
33
+ intlResize: string;
34
+ /**
35
+ * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
36
+ */
37
+ resizable: boolean;
38
+ disconnectedCallback(): void;
39
+ componentDidLoad(): void;
29
40
  el: HTMLCalciteShellPanelElement;
41
+ contentWidth: number;
42
+ initialContentWidth: number;
43
+ initialClientX: number;
44
+ contentEl: HTMLDivElement;
45
+ separatorEl: HTMLDivElement;
46
+ contentWidthMax: number;
47
+ contentWidthMin: number;
48
+ step: number;
49
+ stepMultiplier: number;
30
50
  /**
31
51
  * Emitted when collapse has been toggled.
32
52
  */
33
53
  calciteShellPanelToggle: EventEmitter;
34
54
  renderHeader(): VNode;
35
55
  render(): VNode;
56
+ setContentWidth(width: number): void;
57
+ updateAriaValues(): void;
58
+ storeContentEl: (contentEl: HTMLDivElement) => void;
59
+ getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
60
+ separatorKeyDown: (event: KeyboardEvent) => void;
61
+ separatorPointerMove: (event: PointerEvent) => void;
62
+ separatorPointerUp: (event: PointerEvent) => void;
63
+ setInitialContentWidth: () => void;
64
+ separatorPointerDown: (event: PointerEvent) => void;
65
+ connectSeparator: (separatorEl: HTMLDivElement) => void;
66
+ disconnectSeparator: () => void;
36
67
  }
@@ -4,8 +4,12 @@ export declare const CSS: {
4
4
  contentHeader: string;
5
5
  contentBody: string;
6
6
  contentDetached: string;
7
+ separator: string;
7
8
  };
8
9
  export declare const SLOTS: {
9
10
  actionBar: string;
10
11
  header: string;
11
12
  };
13
+ export declare const TEXT: {
14
+ resize: string;
15
+ };
@@ -66,7 +66,7 @@ export declare class CalciteSlider implements LabelableComponent, FormComponent
66
66
  private renderGraph;
67
67
  private renderTickLabel;
68
68
  keyDownHandler(event: KeyboardEvent): void;
69
- clickHandler(): void;
69
+ clickHandler(event: PointerEvent): void;
70
70
  pointerDownHandler(event: PointerEvent): void;
71
71
  handleTouchStart(event: TouchEvent): void;
72
72
  /**
@@ -145,6 +145,8 @@ export declare class CalciteSlider implements LabelableComponent, FormComponent
145
145
  * @internal
146
146
  */
147
147
  private getClosestStep;
148
+ private getClosestHandle;
149
+ private getDistanceX;
148
150
  private getFontSizeForElement;
149
151
  /**
150
152
  * Get position of value along range as fractional value
@@ -43,10 +43,10 @@ export declare class CalciteTileSelect {
43
43
  /** Sets focus on the component. */
44
44
  setFocus(): Promise<void>;
45
45
  checkboxChangeHandler(event: CustomEvent): void;
46
- checkboxFocusHandler(event: CustomEvent): void;
46
+ checkboxFocusBlurHandler(event: CustomEvent): void;
47
47
  radioButtonChangeHandler(event: CustomEvent): void;
48
48
  radioButtonCheckedChangeHandler(event: CustomEvent): void;
49
- radioButtonFocusHandler(event: CustomEvent): void;
49
+ radioButtonFocusBlurHandler(event: CustomEvent): void;
50
50
  click(event: MouseEvent): void;
51
51
  mouseenter(): void;
52
52
  mouseleave(): void;
@@ -2670,10 +2670,19 @@ export namespace Components {
2670
2670
  * Specifies the maxiumum height of the contents when detached.
2671
2671
  */
2672
2672
  "detachedHeightScale": Scale;
2673
+ /**
2674
+ * Accessible label for resize separator.
2675
+ * @default "Resize"
2676
+ */
2677
+ "intlResize": string;
2673
2678
  /**
2674
2679
  * Arranges the component depending on the elements 'dir' property.
2675
2680
  */
2676
2681
  "position": Position;
2682
+ /**
2683
+ * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
2684
+ */
2685
+ "resizable": boolean;
2677
2686
  /**
2678
2687
  * This sets width of the content area.
2679
2688
  */
@@ -6732,6 +6741,11 @@ declare namespace LocalJSX {
6732
6741
  * Specifies the maxiumum height of the contents when detached.
6733
6742
  */
6734
6743
  "detachedHeightScale"?: Scale;
6744
+ /**
6745
+ * Accessible label for resize separator.
6746
+ * @default "Resize"
6747
+ */
6748
+ "intlResize"?: string;
6735
6749
  /**
6736
6750
  * Emitted when collapse has been toggled.
6737
6751
  */
@@ -6740,6 +6754,10 @@ declare namespace LocalJSX {
6740
6754
  * Arranges the component depending on the elements 'dir' property.
6741
6755
  */
6742
6756
  "position"?: Position;
6757
+ /**
6758
+ * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
6759
+ */
6760
+ "resizable"?: boolean;
6743
6761
  /**
6744
6762
  * This sets width of the content area.
6745
6763
  */