@esri/calcite-components 1.0.0-next.307 → 1.0.0-next.310

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 (55) hide show
  1. package/dist/calcite/calcite.esm.js +1 -1
  2. package/dist/calcite/p-0f014648.entry.js +5 -0
  3. package/dist/calcite/p-0fa1ba75.entry.js +5 -0
  4. package/dist/calcite/p-362cb320.entry.js +5 -0
  5. package/dist/calcite/p-688f06b9.entry.js +5 -0
  6. package/dist/calcite/p-8e252799.system.js +1 -1
  7. package/dist/calcite/p-a46c3870.system.entry.js +5 -0
  8. package/dist/calcite/{p-243d95ab.system.entry.js → p-a5e8f022.system.entry.js} +2 -2
  9. package/dist/calcite/p-ca6025ab.system.entry.js +5 -0
  10. package/dist/calcite/p-f1e111f4.system.entry.js +5 -0
  11. package/dist/cjs/calcite-alert.cjs.entry.js +22 -5
  12. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +19 -11
  13. package/dist/cjs/calcite-input.cjs.entry.js +21 -19
  14. package/dist/cjs/calcite-shell_3.cjs.entry.js +156 -5
  15. package/dist/cjs/calcite.cjs.js +1 -1
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/collection/components/calcite-alert/calcite-alert.js +23 -4
  18. package/dist/collection/components/calcite-input/calcite-input.css +2 -0
  19. package/dist/collection/components/calcite-input/calcite-input.js +20 -18
  20. package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.css +43 -0
  21. package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.js +194 -5
  22. package/dist/collection/components/calcite-shell-panel/resources.js +5 -1
  23. package/dist/components/calcite-alert.js +22 -5
  24. package/dist/components/calcite-color-picker-swatch2.js +19 -11
  25. package/dist/components/calcite-input2.js +21 -19
  26. package/dist/components/calcite-shell-panel.js +161 -7
  27. package/dist/custom-elements/index.js +311 -134
  28. package/dist/esm/calcite-alert.entry.js +22 -5
  29. package/dist/esm/calcite-color-picker_3.entry.js +19 -11
  30. package/dist/esm/calcite-input.entry.js +21 -19
  31. package/dist/esm/calcite-shell_3.entry.js +157 -6
  32. package/dist/esm/calcite.js +1 -1
  33. package/dist/esm/loader.js +1 -1
  34. package/dist/esm-es5/calcite-alert.entry.js +2 -2
  35. package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
  36. package/dist/esm-es5/calcite-input.entry.js +1 -1
  37. package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
  38. package/dist/esm-es5/calcite.js +1 -1
  39. package/dist/esm-es5/loader.js +1 -1
  40. package/dist/extras/docs-json.json +40 -1
  41. package/dist/types/components/calcite-alert/calcite-alert.d.ts +3 -0
  42. package/dist/types/components/calcite-input/calcite-input.d.ts +1 -1
  43. package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts +31 -0
  44. package/dist/types/components/calcite-shell-panel/resources.d.ts +4 -0
  45. package/dist/types/components.d.ts +18 -0
  46. package/hydrate/index.js +315 -135
  47. package/package.json +6 -6
  48. package/readme.md +2 -2
  49. package/dist/calcite/p-5c0c29bc.entry.js +0 -5
  50. package/dist/calcite/p-5f817b79.entry.js +0 -5
  51. package/dist/calcite/p-737fb960.entry.js +0 -5
  52. package/dist/calcite/p-7cbc72b6.system.entry.js +0 -5
  53. package/dist/calcite/p-88b875d3.system.entry.js +0 -5
  54. package/dist/calcite/p-aa47308a.entry.js +0 -5
  55. 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
+ };
@@ -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
  */