@macrostrat/map-interface 1.2.1 → 1.2.2

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 (100) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/cjs/{dev.7499151f.js → dev.10ac2fb3.js} +3 -3
  3. package/dist/{esm/dev.ccb6e774.js.map → cjs/dev.10ac2fb3.js.map} +1 -1
  4. package/dist/cjs/{expansion-panel.08532cee.js → expansion-panel.ef757efe.js} +6 -5
  5. package/dist/cjs/expansion-panel.ef757efe.js.map +1 -0
  6. package/dist/cjs/{header.58c5c012.js → header.b86c0710.js} +11 -5
  7. package/dist/cjs/header.b86c0710.js.map +1 -0
  8. package/dist/cjs/{headers.20eae5f7.js → headers.d9f3e324.js} +3 -3
  9. package/dist/cjs/{headers.20eae5f7.js.map → headers.d9f3e324.js.map} +1 -1
  10. package/dist/cjs/index.js +3 -3
  11. package/dist/cjs/{location-panel.c95f5e96.js → location-panel.42ca3200.js} +6 -6
  12. package/dist/cjs/location-panel.42ca3200.js.map +1 -0
  13. package/dist/cjs/{main.module.3f2b7c9f.js → main.module.0bbfa859.js} +4 -1
  14. package/dist/cjs/main.module.0bbfa859.js.map +1 -0
  15. package/dist/cjs/{main.module.ff1b1aca.css → main.module.338867af.css} +23 -11
  16. package/dist/cjs/main.module.338867af.css.map +1 -0
  17. package/dist/cjs/{main.module.02c4de16.css → main.module.3dbc089f.css} +22 -6
  18. package/dist/cjs/main.module.3dbc089f.css.map +1 -0
  19. package/dist/cjs/{main.module.4ecbaaa5.js → main.module.a3a78b0d.js} +4 -1
  20. package/dist/cjs/main.module.a3a78b0d.js.map +1 -0
  21. package/dist/cjs/{map-page.190b6723.js → map-page.9c19b2a9.js} +3 -3
  22. package/dist/cjs/{map-page.190b6723.js.map → map-page.9c19b2a9.js.map} +1 -1
  23. package/dist/cjs/{vector-tile-features.456f887b.js → vector-tile-features.77121785.js} +2 -2
  24. package/dist/cjs/{vector-tile-features.456f887b.js.map → vector-tile-features.77121785.js.map} +1 -1
  25. package/dist/esm/{dev.ccb6e774.js → dev.30b435dc.js} +3 -3
  26. package/dist/{cjs/dev.7499151f.js.map → esm/dev.30b435dc.js.map} +1 -1
  27. package/dist/esm/{expansion-panel.feff0e62.js → expansion-panel.465b822f.js} +7 -6
  28. package/dist/esm/expansion-panel.465b822f.js.map +1 -0
  29. package/dist/esm/{header.0f535ab1.js → header.b4aa864a.js} +12 -6
  30. package/dist/esm/header.b4aa864a.js.map +1 -0
  31. package/dist/esm/{headers.b25ff414.js → headers.32db7784.js} +4 -4
  32. package/dist/esm/{headers.b25ff414.js.map → headers.32db7784.js.map} +1 -1
  33. package/dist/esm/index.d.ts +6 -1
  34. package/dist/esm/index.d.ts.map +1 -1
  35. package/dist/esm/index.js +3 -3
  36. package/dist/esm/{location-panel.0b1f4ed2.js → location-panel.b56899ab.js} +7 -7
  37. package/dist/esm/location-panel.b56899ab.js.map +1 -0
  38. package/dist/esm/{main.module.67a908da.js → main.module.303f6d99.js} +4 -1
  39. package/dist/esm/main.module.303f6d99.js.map +1 -0
  40. package/dist/esm/{main.module.89579666.js → main.module.58922c04.js} +4 -1
  41. package/dist/esm/main.module.58922c04.js.map +1 -0
  42. package/dist/esm/{map-page.b953c404.js → map-page.93c11cef.js} +3 -3
  43. package/dist/esm/{map-page.b953c404.js.map → map-page.93c11cef.js.map} +1 -1
  44. package/dist/esm/{vector-tile-features.e1a24df0.js → vector-tile-features.53b48d66.js} +2 -2
  45. package/dist/esm/{vector-tile-features.e1a24df0.js.map → vector-tile-features.53b48d66.js.map} +1 -1
  46. package/dist/node/{dev.15b4cdb0.js → dev.ee1e89e9.js} +2 -2
  47. package/dist/node/{dev.15b4cdb0.js.map → dev.ee1e89e9.js.map} +1 -1
  48. package/dist/node/expansion-panel.62240ee3.js +2 -0
  49. package/dist/node/expansion-panel.62240ee3.js.map +1 -0
  50. package/dist/node/header.4b58753a.js +2 -0
  51. package/dist/node/header.4b58753a.js.map +1 -0
  52. package/dist/node/{headers.0d494ac2.js → headers.2581f6d9.js} +2 -2
  53. package/dist/node/{headers.0d494ac2.js.map → headers.2581f6d9.js.map} +1 -1
  54. package/dist/node/index.js +1 -1
  55. package/dist/node/index.js.map +1 -1
  56. package/dist/node/{location-panel.d22d21fa.js → location-panel.c39983e3.js} +2 -2
  57. package/dist/node/location-panel.c39983e3.js.map +1 -0
  58. package/dist/node/main.module.2d51c752.css +2 -0
  59. package/dist/node/main.module.2d51c752.css.map +1 -0
  60. package/dist/node/main.module.3a8fef67.js +2 -0
  61. package/dist/node/main.module.3a8fef67.js.map +1 -0
  62. package/dist/node/main.module.5d5ab665.js +2 -0
  63. package/dist/node/main.module.5d5ab665.js.map +1 -0
  64. package/dist/node/main.module.ba3f4a78.css +2 -0
  65. package/dist/node/main.module.ba3f4a78.css.map +1 -0
  66. package/dist/node/{map-page.0b19d49e.js → map-page.cb4c713e.js} +2 -2
  67. package/dist/node/{map-page.0b19d49e.js.map → map-page.cb4c713e.js.map} +1 -1
  68. package/dist/node/{vector-tile-features.c02e240c.js → vector-tile-features.b5a23b71.js} +2 -2
  69. package/dist/node/{vector-tile-features.c02e240c.js.map → vector-tile-features.b5a23b71.js.map} +1 -1
  70. package/package.json +2 -2
  71. package/src/expansion-panel/index.ts +1 -1
  72. package/src/expansion-panel/main.module.sass +20 -10
  73. package/src/location-panel/header.ts +31 -19
  74. package/src/location-panel/index.ts +6 -4
  75. package/src/location-panel/main.module.sass +16 -4
  76. package/dist/cjs/expansion-panel.08532cee.js.map +0 -1
  77. package/dist/cjs/header.58c5c012.js.map +0 -1
  78. package/dist/cjs/location-panel.c95f5e96.js.map +0 -1
  79. package/dist/cjs/main.module.02c4de16.css.map +0 -1
  80. package/dist/cjs/main.module.3f2b7c9f.js.map +0 -1
  81. package/dist/cjs/main.module.4ecbaaa5.js.map +0 -1
  82. package/dist/cjs/main.module.ff1b1aca.css.map +0 -1
  83. package/dist/esm/expansion-panel.feff0e62.js.map +0 -1
  84. package/dist/esm/header.0f535ab1.js.map +0 -1
  85. package/dist/esm/location-panel.0b1f4ed2.js.map +0 -1
  86. package/dist/esm/main.module.67a908da.js.map +0 -1
  87. package/dist/esm/main.module.89579666.js.map +0 -1
  88. package/dist/node/expansion-panel.1553938f.js +0 -2
  89. package/dist/node/expansion-panel.1553938f.js.map +0 -1
  90. package/dist/node/header.5f15d599.js +0 -2
  91. package/dist/node/header.5f15d599.js.map +0 -1
  92. package/dist/node/location-panel.d22d21fa.js.map +0 -1
  93. package/dist/node/main.module.2cc98713.css +0 -2
  94. package/dist/node/main.module.2cc98713.css.map +0 -1
  95. package/dist/node/main.module.78d7f40f.js +0 -2
  96. package/dist/node/main.module.78d7f40f.js.map +0 -1
  97. package/dist/node/main.module.d4e98e60.js +0 -2
  98. package/dist/node/main.module.d4e98e60.js.map +0 -1
  99. package/dist/node/main.module.f0530add.css +0 -2
  100. package/dist/node/main.module.f0530add.css.map +0 -1
@@ -1,25 +1,29 @@
1
1
 
2
2
  .panel-subhead
3
- padding: 0.2em var(--box-horizontal-padding)
4
- border-top: 1px solid var(--panel-rule-color)
3
+ padding: 0 1rem
4
+ border: 1px solid var(--panel-rule-color)
5
5
  border-bottom: 1px solid var(--panel-rule-color)
6
6
  background-color: var(--accent-color)
7
7
  display: flex
8
8
  flex-direction: row
9
9
  align-items: center
10
10
  z-index: 1
11
- gap: var(--box-horizontal-padding)
11
+ gap: var(--panel-header-gap, 0.5rem)
12
12
  top: -1px
13
13
  position: sticky
14
+ min-height: var(--panel-header-height, 40px)
14
15
  h1, h2, h3, h4
15
16
  font-family: Montserrat,sans-serif
16
17
  font-weight: 700
17
- margin: 0.2em 0
18
+ margin: 0
18
19
  h4
19
20
  font-weight: 600
20
21
  .title
21
22
  flex-grow: 1
22
23
 
24
+ .expansion-panel-icon
25
+ margin-right: -0.35em
26
+
23
27
  // :global(.bp5-dark) .panel-subhead
24
28
  // margin 0 1px
25
29
 
@@ -48,14 +52,14 @@
48
52
  .expansion-panel-header
49
53
  background-color: var(--accent-secondary-color)
50
54
  cursor: pointer
55
+ padding: 0 1rem
56
+
51
57
  &:hover
52
58
  background-color: var(--accent-secondary-hover-color)
53
59
  h2, h3, h4
54
60
  font-weight: 500
55
61
  border-bottom: 1px solid var(--tertiary-border-color)
56
62
  border-top: 1px solid var(--tertiary-border-color)
57
- margin-top: -1px
58
- padding: 5px 1em 5px
59
63
  align-items: center
60
64
 
61
65
  .expansion-summary-title-help
@@ -71,12 +75,18 @@
71
75
  transform: translate(0,3px)
72
76
 
73
77
  .expansion-children
74
- padding: 5px 1em 10px
78
+ padding: 0 1rem
75
79
  .expansion-panel
76
- margin-left: -1em
77
- margin-right: -1em
80
+ margin-left: -1rem
81
+ margin-right: -1rem
78
82
  &:first-child
79
- margin-top: -5px
83
+ margin-top: 0
84
+ &>:first-child
85
+ margin-top: 1rem
86
+ &>:last-child
87
+ margin-bottom: 1rem
88
+
89
+
80
90
 
81
91
  .expansion-panel-subtext
82
92
  font-size: 85%
@@ -8,6 +8,7 @@ import {
8
8
  useFocusState,
9
9
  isCentered,
10
10
  } from "@macrostrat/mapbox-react";
11
+ import classNames from "classnames";
11
12
 
12
13
  const h = hyper.styled(styles);
13
14
 
@@ -74,6 +75,9 @@ export interface InfoDrawerHeaderProps {
74
75
  elevation?: number;
75
76
  showCopyPositionButton?: boolean;
76
77
  bounds?: mapboxgl.LngLatBounds;
78
+ fixedHeight?: boolean;
79
+ children?: React.ReactNode;
80
+ className?: string;
77
81
  }
78
82
 
79
83
  export function InfoDrawerHeader(props: InfoDrawerHeaderProps) {
@@ -84,7 +88,9 @@ export function InfoDrawerHeader(props: InfoDrawerHeaderProps) {
84
88
  zoom = 7,
85
89
  elevation,
86
90
  showCopyPositionButton,
91
+ fixedHeight = false,
87
92
  children,
93
+ className,
88
94
  } = props;
89
95
 
90
96
  let leftButton = null;
@@ -96,23 +102,29 @@ export function InfoDrawerHeader(props: InfoDrawerHeaderProps) {
96
102
  });
97
103
  }
98
104
 
99
- return h("header.location-panel-header", [
100
- leftButton,
101
- children,
102
- h("div.spacer"),
103
- h.if(position != null)(LngLatCoords, {
104
- position,
105
- zoom,
106
- className: "infodrawer-header-item",
107
- }),
108
- h.if(elevation != null)(Elevation, {
109
- elevation,
110
- className: "infodrawer-header-item",
111
- }),
112
- h.if(onClose != null)(Button, {
113
- minimal: true,
114
- icon: "cross",
115
- onClick: onClose,
116
- }),
117
- ]);
105
+ return h(
106
+ "header.location-panel-header",
107
+ {
108
+ className: classNames(className, { "fixed-height": fixedHeight }),
109
+ },
110
+ [
111
+ leftButton,
112
+ children,
113
+ h("div.spacer"),
114
+ h.if(position != null)(LngLatCoords, {
115
+ position,
116
+ zoom,
117
+ className: "infodrawer-header-item",
118
+ }),
119
+ h.if(elevation != null)(Elevation, {
120
+ elevation,
121
+ className: "infodrawer-header-item",
122
+ }),
123
+ h.if(onClose != null)(Button, {
124
+ minimal: true,
125
+ icon: "cross",
126
+ onClick: onClose,
127
+ }),
128
+ ]
129
+ );
118
130
  }
@@ -4,6 +4,7 @@ import classNames from "classnames";
4
4
  import styles from "./main.module.sass";
5
5
  import { ErrorBoundary } from "@macrostrat/ui-components";
6
6
  import { PanelCard } from "../container";
7
+ import { ComponentType } from "react";
7
8
 
8
9
  const h = hyper.styled(styles);
9
10
 
@@ -12,11 +13,14 @@ export function InfoDrawerContainer(props) {
12
13
  return h(PanelCard, { ...props, className });
13
14
  }
14
15
 
16
+ type Component = string | ComponentType<any>;
17
+
15
18
  interface BaseInfoDrawerProps extends InfoDrawerHeaderProps {
16
19
  className?: string;
17
20
  title?: string;
18
21
  headerElement?: JSX.Element;
19
22
  children?: React.ReactNode;
23
+ contentContainer?: Component;
20
24
  }
21
25
 
22
26
  export function BaseInfoDrawer(props: BaseInfoDrawerProps) {
@@ -26,6 +30,7 @@ export function BaseInfoDrawer(props: BaseInfoDrawerProps) {
26
30
  title,
27
31
  onClose,
28
32
  children,
33
+ contentContainer = "div.infodrawer-contents",
29
34
  ...rest
30
35
  } = props;
31
36
  const header =
@@ -35,10 +40,7 @@ export function BaseInfoDrawer(props: BaseInfoDrawerProps) {
35
40
  ]);
36
41
  return h(InfoDrawerContainer, { className }, [
37
42
  header,
38
- h(
39
- "div.infodrawer-body",
40
- h("div.infodrawer-contents", h(ErrorBoundary, null, children))
41
- ),
43
+ h("div.infodrawer-body", h(ErrorBoundary, h(contentContainer, children))),
42
44
  ]);
43
45
  }
44
46
 
@@ -9,12 +9,16 @@
9
9
  display: flex
10
10
  flex-direction: row
11
11
  align-items: center
12
- gap: 1em
13
- min-height: 40px
12
+ gap: var(--panel-header-gap, 0.5rem)
13
+ min-height: var(--panel-header-height, 40px)
14
14
  border-bottom: 1px solid var(--panel-rule-color)
15
+ &.fixed-height
16
+ height: var(--panel-header-height, 40px)
15
17
 
16
18
  .spacer
17
19
  flex-grow: 1
20
+ // Ensure the spacer is not extra wide
21
+ margin-right: calc(-1 * var(--panel-header-gap, 0.5rem))
18
22
 
19
23
  .left-icon
20
24
  padding: 7px
@@ -25,6 +29,9 @@
25
29
  // Text elements should
26
30
  h1, h2, h3, h4, h5, h6, p
27
31
  margin: 0
32
+ font-size: 16px
33
+ overflow: hidden
34
+ text-overflow: ellipsis
28
35
  &:first-child
29
36
  margin-left: 10px
30
37
 
@@ -42,7 +49,7 @@
42
49
  height: fit-content
43
50
  display: flex
44
51
  flex-direction: column
45
- overflow: hidden
52
+ overflow-y: hidden
46
53
  background-color: var(--panel-background-color)
47
54
 
48
55
  &:global(.bp5-card)
@@ -57,8 +64,13 @@
57
64
 
58
65
 
59
66
  .infodrawer-contents
60
- padding: 0 1em 1em
67
+ padding: 0 1em
68
+ &>:first-child
69
+ margin-top: 1rem
70
+ &>:last-child
71
+ margin-bottom: 1rem
61
72
 
73
+ // The scrollable body of the infodrawer
62
74
  .infodrawer-body
63
75
  flex-shrink: 1
64
76
  min-height: 0
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,0CAAsB,KAAK;IAClC,MAAM,YAAE,QAAQ,YAAE,QAAQ,YAAE,QAAQ,aAAE,SAAS,SAAE,KAAK,kBAAE,cAAc,EAAE,GACtE;IACF,MAAM,OAAO,WAAW,eAAe;IACvC,OAAO,wBACL,CAAA,GAAA,sCAAW,GACX;QACE,WAAW,CAAA,GAAA,2CAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,2BAAG,GAAG;kBAAE;QAAK;KAAG;AAEjC;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,SACF,KAAK,kBACL,iBAAiB,gBACjB,QAAQ,YACR,QAAQ,YACR,QAAQ,YACR,WAAW,KAAO,kBAClB,gBAAgB,iBAChB,SAAS,EACV,GAAG;IACJ,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,2CAAS,EAAE,WAAW;YAC/B,UAAU;YACV,WAAW,CAAC;QACd;IACF,GACA;QACE,wBACE,2CACA;YACE,UAAU;YACV,UAAU;mBACV;4BACA;QACF,GACA,wBAAE,oCAAoC;YACpC,wBAAE,gCAAgC;YAClC;YACA;SACD;QAEH,wBAAE,CAAA,GAAA,+BAAO,GAAG;oBAAE;QAAO,GAAG,wBAAE,0BAA0B,MAAM;KAC3D;AAEL;AAEO,SAAS,0CAAiB,KAAK;IACpC,IAAI,SAAE,KAAK,YAAE,QAAQ,aAAE,SAAS,iBAAE,gBAAgB,MAAM,GAAG;IAC3D,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,qBAAqB,MAAM,iBAAiB,wBAAE,MAAM;QACtD,wBAAE,qBAAqB,MAAM;KAC9B;AACH;AAEA,SAAS,0CAAe,KAAK;IAC3B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;IACb;AACF;AAEA,SAAS,0CAAkB,KAAK;IAC9B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;QACX,gBAAgB;IAClB;AACF;AAEA,SAAS,0CAAuB,KAAK;IACnC,IAAI,SAAE,KAAK,YAAE,QAAQ,SAAE,KAAK,iBAAE,aAAa,aAAE,SAAS,EAAE,GAAG;IAC3D,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,qBAAO,EAAE;IACrC,kBAAkB,wBAAE;QAAC,wBAAE,aAAa;QAAQ;KAAM;IAClD,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,+BAA+B;YAC/B,wBAAE,iCAAiC;YACnC,wBAAE,iCAAiC;gBACjC,wBAAE,CAAA,GAAA,6BAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,+BAAO,GACP;oBAAE;QAAO,GACT,wBAAE,mCAAmC,MAAM;KAE9C;AACH;AAEA,SAAS,0CAAc,SAAE,KAAK,aAAE,SAAS,YAAE,QAAQ,EAAE;IACnD,OAAO,wBAAE,sBAAsB;mBAAE;IAAU,GAAG;QAC5C,wBAAE,qCAAqC;QACvC,wBAAE,mCAAmC,MAAM;KAC5C;AACH","sources":["packages/map-interface/src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n const { expanded, children, onChange, className, title, titleComponent } =\n props;\n const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n return h(\n PanelSubhead,\n {\n className: classNames(\"expansion-panel-header\", className),\n onClick: onChange,\n title,\n component: titleComponent,\n },\n [children, h(Icon, { icon })]\n );\n}\n\nfunction ExpansionPanelBase(props) {\n let {\n title,\n titleComponent = \"h3\",\n children,\n expanded,\n helpText,\n onChange = () => {},\n sideComponent = null,\n className,\n } = props;\n const [isOpen, setOpen] = useState(expanded || false);\n\n const onChange_ = () => {\n onChange();\n setOpen(!isOpen);\n };\n\n return h(\n \"div.expansion-panel-base\",\n {\n className: classNames(className, {\n expanded: isOpen,\n collapsed: !isOpen,\n }),\n },\n [\n h(\n ExpansionPanelSummary,\n {\n onChange: onChange_,\n expanded: isOpen,\n title,\n titleComponent,\n },\n h(\"div.expansion-summary-title-help\", [\n h(\"span.expansion-panel-subtext\", helpText),\n \" \",\n sideComponent,\n ])\n ),\n h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n ]\n );\n}\n\nexport function InfoPanelSection(props) {\n let { title, children, className, headerElement = null } = props;\n return h(\"div.info-panel-section\", { className }, [\n h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n h(\"div.panel-content\", null, children),\n ]);\n}\n\nfunction ExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel\",\n });\n}\n\nfunction SubExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel sub-expansion-panel\",\n titleComponent: \"h4\",\n });\n}\n\nfunction ExpandableDetailsPanel(props) {\n let { title, children, value, headerElement, className } = props;\n const [isOpen, setIsOpen] = useState(false);\n headerElement ??= h([h(\"div.title\", title), value]);\n return h(\"div.expandable-details\", { className }, [\n h(\"div.expandable-details-main\", [\n h(\"div.expandable-details-header\", headerElement),\n h(\"div.expandable-details-toggle\", [\n h(Button, {\n small: true,\n minimal: true,\n active: isOpen,\n onClick: () => setIsOpen(!isOpen),\n icon: \"more\",\n }),\n ]),\n ]),\n h(\n Collapse,\n { isOpen },\n h(\"div.expandable-details-children\", null, children)\n ),\n ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n return h(\"div.expansion-body\", { className }, [\n h(\"div.expansion-panel-detail-header\", title),\n h(\"div.expansion-panel-detail-body\", null, children),\n ]);\n}\n\nexport {\n ExpansionPanel,\n ExpansionPanelSummary,\n ExpandableDetailsPanel,\n SubExpansionPanel,\n ExpansionBody,\n PanelSubhead,\n};\n"],"names":[],"version":3,"file":"expansion-panel.08532cee.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,qCAAe,YAAE,QAAQ,UAAE,MAAM,gBAAE,eAAe,OAAO;IAChE,MAAM,aAAa,CAAA,GAAA,0CAAY,EAAE;IAEjC,MAAM,oBAAoB,CAAA,GAAA,uCAAS,EAAE,eAAe;IAEpD,OAAO,wBAAE,yBAAyB;QAChC,wBAAE,CAAA,GAAA,gDAAkB,GAAG;YAAE,UAAU;oBAAU;wBAAQ;QAAW,GAAG,EAAE;QACrE,wBAAE,EAAE,CAAC,qBAAqB,YAAY,MAAM,sCAAgB;YAC1D,UAAU;QACZ;KACD;AACH;AAEA,SAAS,qCAAe,YAAE,QAAQ,YAAE,QAAQ,WAAE,OAAO,EAAE,GAAG,MAAM;IAC9D,MAAM,UAAU,CAAA,GAAA,wCAAS;IAEzB,IAAI,UAAU,CAAC,WAAW,CAAC;IAC3B,IAAI,YAAY,MACd,WAAW,CAAC,IAAI,EAAE,UAAU;IAE9B,WAAW;IAEX,OAAO,wBACL,CAAA,GAAA,6BAAK,GACL;QACE,WAAW;QACX,WAAW,wBAAE,CAAA,GAAA,2BAAG,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAG;QAC5C,SAAS;QACT,OAAO;QACP;YACE,UAAU,SAAS,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,IAAI,EAAE,IAAI,CACtD;gBACE,SAAS,KAAK;6BACZ;oBACA,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;gBACA;YACF,GACA;gBACE,SAAS,KAAK;oBACZ,SAAS;oBACT,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;YACF;QAEJ;QACA,GAAG,IAAI;IACT,GACA,YAAY;AAEhB;AAWO,SAAS,0CAAiB,KAA4B;IAC3D,MAAM,WACJ,OAAO,YACP,QAAQ,UACR,MAAM,QACN,OAAO,cACP,SAAS,0BACT,sBAAsB,YACtB,QAAQ,EACT,GAAG;IAEJ,IAAI,aAAa;IACjB,IAAI,UAAU,QAAQ,YAAY,MAChC,aAAa,wBAAE,sCAAgB;kBAC7B;gBACA;QACA,cAAc;IAChB;IAGF,OAAO,wBAAE,gCAAgC;QACvC;QACA;QACA,wBAAE;QACF,wBAAE,EAAE,CAAC,YAAY,MAAM,CAAA,GAAA,sCAAW,GAAG;sBACnC;kBACA;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,aAAa,MAAM,CAAA,GAAA,mCAAQ,GAAG;uBACjC;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,WAAW,MAAM,CAAA,GAAA,6BAAK,GAAG;YAC5B,SAAS;YACT,MAAM;YACN,SAAS;QACX;KACD;AACH","sources":["packages/map-interface/src/location-panel/header.ts"],"sourcesContent":["import { Icon, Button } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useToaster } from \"@macrostrat/ui-components\";\nimport { LngLatCoords, Elevation } from \"../location-info\";\nimport {\n LocationFocusButton,\n useFocusState,\n isCentered,\n} from \"@macrostrat/mapbox-react\";\n\nconst h = hyper.styled(styles);\n\nfunction PositionButton({ position, bounds, showCopyLink = false }) {\n const focusState = useFocusState(position);\n\n const copyLinkIsVisible = isCentered(focusState) && showCopyLink;\n\n return h(\"div.position-controls\", [\n h(LocationFocusButton, { location: position, bounds, focusState }, []),\n h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {\n itemName: \"position\",\n }),\n ]);\n}\n\nfunction CopyLinkButton({ itemName, children, onClick, ...rest }) {\n const toaster = useToaster();\n\n let message = `Copied link`;\n if (itemName != null) {\n message += ` to ${itemName}`;\n }\n message += \"!\";\n\n return h(\n Button,\n {\n className: \"copy-link-button\",\n rightIcon: h(Icon, { icon: \"link\", size: 12 }),\n minimal: true,\n small: true,\n onClick() {\n navigator.clipboard.writeText(window.location.href).then(\n () => {\n toaster?.show({\n message,\n intent: \"success\",\n icon: \"clipboard\",\n timeout: 1000,\n });\n onClick?.();\n },\n () => {\n toaster?.show({\n message: \"Failed to copy link\",\n intent: \"danger\",\n icon: \"error\",\n timeout: 1000,\n });\n }\n );\n },\n ...rest,\n },\n children ?? \"Copy link\"\n );\n}\n\nexport interface InfoDrawerHeaderProps {\n onClose?: () => void;\n position?: mapboxgl.LngLat;\n zoom?: number;\n elevation?: number;\n showCopyPositionButton?: boolean;\n bounds?: mapboxgl.LngLatBounds;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n const {\n onClose,\n position,\n bounds,\n zoom = 7,\n elevation,\n showCopyPositionButton,\n children,\n } = props;\n\n let leftButton = null;\n if (bounds != null || position != null) {\n leftButton = h(PositionButton, {\n position,\n bounds,\n showCopyLink: showCopyPositionButton,\n });\n }\n\n return h(\"header.location-panel-header\", [\n leftButton,\n children,\n h(\"div.spacer\"),\n h.if(position != null)(LngLatCoords, {\n position,\n zoom,\n className: \"infodrawer-header-item\",\n }),\n h.if(elevation != null)(Elevation, {\n elevation,\n className: \"infodrawer-header-item\",\n }),\n h.if(onClose != null)(Button, {\n minimal: true,\n icon: \"cross\",\n onClick: onClose,\n }),\n ]);\n}\n"],"names":[],"version":3,"file":"header.58c5c012.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAErB,SAAS,0CAAoB,KAAK;IACvC,MAAM,YAAY,CAAA,GAAA,2CAAS,EAAE,cAAc,MAAM,SAAS;IAC1D,OAAO,wBAAE,CAAA,GAAA,mCAAQ,GAAG;QAAE,GAAG,KAAK;mBAAE;IAAU;AAC5C;AASO,SAAS,0CAAe,KAA0B;IACvD,MAAM,aACJ,SAAS,iBACT,gBAAgB,aAChB,KAAK,WACL,OAAO,YACP,QAAQ,EACR,GAAG,MACJ,GAAG;IACJ,MAAM,SACJ,iBACA,wBAAE,CAAA,GAAA,0CAAe,GAAG;iBAAE;QAAS,GAAG,IAAI;IAAC,GAAG;QACxC,SAAS,OAAO,OAAO,wBAAE,MAAM;YAAC;SAAM;KACvC;IACH,OAAO,wBAAE,2CAAqB;mBAAE;IAAU,GAAG;QAC3C;QACA,wBACE,uBACA,wBAAE,2BAA2B,wBAAE,CAAA,GAAA,2CAAY,GAAG,MAAM;KAEvD;AACH;AAEO,MAAM,4CAAe;AAErB,SAAS,0CAAc,KAAK;IACjC,MAAM,YAAE,QAAQ,aAAE,SAAS,WAAE,UAAU,OAAO,GAAG,MAAM,GAAG;IAC1D,MAAM,MAAM,CAAA,GAAA,2CAAS,EAAE,kBAAkB,WAAW;iBAAE;IAAQ;IAC9D,OAAO,wBAAE,2CAAgB;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;AACxD","sources":["packages/map-interface/src/location-panel/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n const className = classNames(\"infodrawer\", props.className);\n return h(PanelCard, { ...props, className });\n}\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n className?: string;\n title?: string;\n headerElement?: JSX.Element;\n children?: React.ReactNode;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n const {\n className,\n headerElement = null,\n title,\n onClose,\n children,\n ...rest\n } = props;\n const header =\n headerElement ??\n h(InfoDrawerHeader, { onClose, ...rest }, [\n title == null ? null : h(\"h3\", [title]),\n ]);\n return h(InfoDrawerContainer, { className }, [\n header,\n h(\n \"div.infodrawer-body\",\n h(\"div.infodrawer-contents\", h(ErrorBoundary, null, children))\n ),\n ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n const { children, className, loading = false, ...rest } = props;\n const cls = classNames(\"location-panel\", className, { loading });\n return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n"],"names":[],"version":3,"file":"location-panel.c95f5e96.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":"AAAA;;;;AAGE;;;;AAGF;;;;;;;;;;AASE;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAEE;;;;AAGJ;;;;AAGE;;;;;AAIF;;;;;;;;;;;AAUE;;;;;AAME;;;;;AAKJ;;;;AAGA;;;;;;;;AAQA;EACE","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n color: var(--text-subtle-color)\n\n svg\n fill: var(--text-subtle-color)\n\n.location-panel-header\n padding: 5px\n display: flex\n flex-direction: row\n align-items: center\n gap: 1em\n min-height: 40px\n border-bottom: 1px solid var(--panel-rule-color)\n\n .spacer\n flex-grow: 1\n\n .left-icon\n padding: 7px\n\n .position-controls :global(.bp5-button)\n font-size: 12px !important\n\n // Text elements should\n h1, h2, h3, h4, h5, h6, p\n margin: 0\n &:first-child\n margin-left: 10px\n\n.infodrawer-header-item\n font-size: 12px\n\n :global(.secondary)\n font-size: 0.9em\n color: var(--text-subtle-color)\n\n.infodrawer\n pointer-events: all\n max-height: 100%\n max-width: 100%\n height: fit-content\n display: flex\n flex-direction: column\n overflow: hidden\n background-color: var(--panel-background-color)\n\n &:global(.bp5-card)\n padding: 0\n background-color: var(--panel-background-color)\n\n\n &.loading\n .infodrawer-body\n overflow-y: hidden\n min-height: 70px\n\n\n.infodrawer-contents\n padding: 0 1em 1em\n\n.infodrawer-body\n flex-shrink: 1\n min-height: 0\n transition: min-height 0.5s ease\n overflow-y: scroll\n position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n .infodrawer\n border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.02c4de16.css.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n color: var(--text-subtle-color)\n\n svg\n fill: var(--text-subtle-color)\n\n.location-panel-header\n padding: 5px\n display: flex\n flex-direction: row\n align-items: center\n gap: 1em\n min-height: 40px\n border-bottom: 1px solid var(--panel-rule-color)\n\n .spacer\n flex-grow: 1\n\n .left-icon\n padding: 7px\n\n .position-controls :global(.bp5-button)\n font-size: 12px !important\n\n // Text elements should\n h1, h2, h3, h4, h5, h6, p\n margin: 0\n &:first-child\n margin-left: 10px\n\n.infodrawer-header-item\n font-size: 12px\n\n :global(.secondary)\n font-size: 0.9em\n color: var(--text-subtle-color)\n\n.infodrawer\n pointer-events: all\n max-height: 100%\n max-width: 100%\n height: fit-content\n display: flex\n flex-direction: column\n overflow: hidden\n background-color: var(--panel-background-color)\n\n &:global(.bp5-card)\n padding: 0\n background-color: var(--panel-background-color)\n\n\n &.loading\n .infodrawer-body\n overflow-y: hidden\n min-height: 70px\n\n\n.infodrawer-contents\n padding: 0 1em 1em\n\n.infodrawer-body\n flex-shrink: 1\n min-height: 0\n transition: min-height 0.5s ease\n overflow-y: scroll\n position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n .infodrawer\n border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.3f2b7c9f.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAjBA,4CAAkC;AAClC,4CAA0B;AAC1B,4CAAuC;AACvC,4CAAoC;AACpC,4CAAwC;AACxC,4CAA2C;AAC3C,4CAAiD;AACjD,4CAAuC;AACvC,4CAA4C;AAC5C,4CAA4C;AAC5C,4CAA8C;AAC9C,4CAAgD;AAChD,4CAA8C;AAC9C,4CAAuC;AACvC,4CAAoC;AACpC,4CAAmC;AACnC,4CAAkD;AAClD,4CAAgD","sources":["packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":["\n.panel-subhead\n padding: 0.2em var(--box-horizontal-padding)\n border-top: 1px solid var(--panel-rule-color)\n border-bottom: 1px solid var(--panel-rule-color)\n background-color: var(--accent-color)\n display: flex\n flex-direction: row\n align-items: center\n z-index: 1\n gap: var(--box-horizontal-padding)\n top: -1px\n position: sticky\n h1, h2, h3, h4\n font-family: Montserrat,sans-serif\n font-weight: 700\n margin: 0.2em 0\n h4\n font-weight: 600\n .title\n flex-grow: 1\n\n// :global(.bp5-dark) .panel-subhead\n// margin 0 1px\n\n.info-panel-section\n &>.panel-subhead\n margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n padding: 0\n flex-wrap: wrap\n margin-top: -1px\n // &.collapsed\n // .expansion-panel-header\n // border-bottom-width: 0;\n\n.sub-expansion-panel\n margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n overflow: hidden\n &:first-child\n .expansion-panel-header\n border-top-width: 0\n .panel-subhead\n border-top: none\n border-bottom: none\n\n .expansion-panel-header\n background-color: var(--accent-secondary-color)\n cursor: pointer\n &:hover\n background-color: var(--accent-secondary-hover-color)\n h2, h3, h4\n font-weight: 500\n border-bottom: 1px solid var(--tertiary-border-color)\n border-top: 1px solid var(--tertiary-border-color)\n margin-top: -1px\n padding: 5px 1em 5px\n align-items: center\n\n.expansion-summary-title-help\n margin-left: 5px\n :global(.bp5-icon)\n margin-left: 5px\n\n.expansion-panel-header\n cursor: pointer\n &:hover\n background-color: var(--accent-hover-color)\n :global(.bp5-icon)\n transform: translate(0,3px)\n\n.expansion-children\n padding: 5px 1em 10px\n .expansion-panel\n margin-left: -1em\n margin-right: -1em\n &:first-child\n margin-top: -5px\n\n.expansion-panel-subtext\n font-size: 85%\n font-weight: 400\n\n:global\n .expansion-panel-root\n padding-left: 15px !important\n\n .expansion-panel-detail\n display: block !important\n padding: 0 !important\n\n .expansion-panel-detail-sub\n display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n display: flex\n flex-direction: row\n align-items: center\n justify-content: space-between\n margin: 3px 0\n\n.expandable-details-header\n display: inline-flex\n flex-direction: row\n align-items: baseline\n flex-grow: 1\n\n.expandable-details-children\n position: relative\n\n.expandable-details-toggle\n :global(.bp5-button)\n font-size: 10px\n\n.expandable-details\n &.macrostrat-unit\n .title:after\n content: none\n .title\n margin-right: 1em\n &:after\n content: \":\"\n\n.expansion-body\n display: inline-block\n //flex-direction row\n align-items: baseline\n background-color: var(--tertiary-background)\n padding: 2px 6px\n border-radius: 4px\n width: 100%\n box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n margin-bottom: 6px\n\n.expansion-panel-detail-header\n font-size: 90%\n font-style: italic\n margin-right: 1em\n display: inline\n color: var(--secondary-color)\n &:after\n content: \":\"\n\n.expansion-panel-detail-body\n display: inline\n"],"names":[],"version":3,"file":"main.module.4ecbaaa5.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":"AACA;;;;;;;;;;;;;;AAYE;;;;;;AAIA;;;;AAEA;;;;;;;;;;;;;;AAaA;;;;;AAMA;;;;AAGE;;;;;AAGA;;;;;AAIA;;;;AAEA;;;;;;;;;AAOE;;;;;;;;;;;;AASJ;;;;AAEE;;;;AAEA;;;;;AAGF;;;;AAEE;;;;;AAGE;;;;AAEN;;;;;;;;;;;;;;;;;;;;;;;;AAoBE;;;;;;;;AAKA;;;;;;;;AAKA;;;;AAGA;;;;;;;;;;;AASE;;;;;;;;AAOF;;;;AAGA","sources":["packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":["\n.panel-subhead\n padding: 0.2em var(--box-horizontal-padding)\n border-top: 1px solid var(--panel-rule-color)\n border-bottom: 1px solid var(--panel-rule-color)\n background-color: var(--accent-color)\n display: flex\n flex-direction: row\n align-items: center\n z-index: 1\n gap: var(--box-horizontal-padding)\n top: -1px\n position: sticky\n h1, h2, h3, h4\n font-family: Montserrat,sans-serif\n font-weight: 700\n margin: 0.2em 0\n h4\n font-weight: 600\n .title\n flex-grow: 1\n\n// :global(.bp5-dark) .panel-subhead\n// margin 0 1px\n\n.info-panel-section\n &>.panel-subhead\n margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n padding: 0\n flex-wrap: wrap\n margin-top: -1px\n // &.collapsed\n // .expansion-panel-header\n // border-bottom-width: 0;\n\n.sub-expansion-panel\n margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n overflow: hidden\n &:first-child\n .expansion-panel-header\n border-top-width: 0\n .panel-subhead\n border-top: none\n border-bottom: none\n\n .expansion-panel-header\n background-color: var(--accent-secondary-color)\n cursor: pointer\n &:hover\n background-color: var(--accent-secondary-hover-color)\n h2, h3, h4\n font-weight: 500\n border-bottom: 1px solid var(--tertiary-border-color)\n border-top: 1px solid var(--tertiary-border-color)\n margin-top: -1px\n padding: 5px 1em 5px\n align-items: center\n\n.expansion-summary-title-help\n margin-left: 5px\n :global(.bp5-icon)\n margin-left: 5px\n\n.expansion-panel-header\n cursor: pointer\n &:hover\n background-color: var(--accent-hover-color)\n :global(.bp5-icon)\n transform: translate(0,3px)\n\n.expansion-children\n padding: 5px 1em 10px\n .expansion-panel\n margin-left: -1em\n margin-right: -1em\n &:first-child\n margin-top: -5px\n\n.expansion-panel-subtext\n font-size: 85%\n font-weight: 400\n\n:global\n .expansion-panel-root\n padding-left: 15px !important\n\n .expansion-panel-detail\n display: block !important\n padding: 0 !important\n\n .expansion-panel-detail-sub\n display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n display: flex\n flex-direction: row\n align-items: center\n justify-content: space-between\n margin: 3px 0\n\n.expandable-details-header\n display: inline-flex\n flex-direction: row\n align-items: baseline\n flex-grow: 1\n\n.expandable-details-children\n position: relative\n\n.expandable-details-toggle\n :global(.bp5-button)\n font-size: 10px\n\n.expandable-details\n &.macrostrat-unit\n .title:after\n content: none\n .title\n margin-right: 1em\n &:after\n content: \":\"\n\n.expansion-body\n display: inline-block\n //flex-direction row\n align-items: baseline\n background-color: var(--tertiary-background)\n padding: 2px 6px\n border-radius: 4px\n width: 100%\n box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n margin-bottom: 6px\n\n.expansion-panel-detail-header\n font-size: 90%\n font-style: italic\n margin-right: 1em\n display: inline\n color: var(--secondary-color)\n &:after\n content: \":\"\n\n.expansion-panel-detail-body\n display: inline\n"],"names":[],"version":3,"file":"main.module.ff1b1aca.css.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAE5B,SAAS,0CAAsB,KAAK;IAClC,MAAM,YAAE,QAAQ,YAAE,QAAQ,YAAE,QAAQ,aAAE,SAAS,SAAE,KAAK,kBAAE,cAAc,EAAE,GACtE;IACF,MAAM,OAAO,WAAW,eAAe;IACvC,OAAO,wBACL,CAAA,GAAA,yCAAW,GACX;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,WAAG,GAAG;kBAAE;QAAK;KAAG;AAEjC;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,SACF,KAAK,kBACL,iBAAiB,gBACjB,QAAQ,YACR,QAAQ,YACR,QAAQ,YACR,WAAW,KAAO,kBAClB,gBAAgB,iBAChB,SAAS,EACV,GAAG;IACJ,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,WAAW;YAC/B,UAAU;YACV,WAAW,CAAC;QACd;IACF,GACA;QACE,wBACE,2CACA;YACE,UAAU;YACV,UAAU;mBACV;4BACA;QACF,GACA,wBAAE,oCAAoC;YACpC,wBAAE,gCAAgC;YAClC;YACA;SACD;QAEH,wBAAE,CAAA,GAAA,eAAO,GAAG;oBAAE;QAAO,GAAG,wBAAE,0BAA0B,MAAM;KAC3D;AAEL;AAEO,SAAS,0CAAiB,KAAK;IACpC,IAAI,SAAE,KAAK,YAAE,QAAQ,aAAE,SAAS,iBAAE,gBAAgB,MAAM,GAAG;IAC3D,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,qBAAqB,MAAM,iBAAiB,wBAAE,MAAM;QACtD,wBAAE,qBAAqB,MAAM;KAC9B;AACH;AAEA,SAAS,0CAAe,KAAK;IAC3B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;IACb;AACF;AAEA,SAAS,0CAAkB,KAAK;IAC9B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;QACX,gBAAgB;IAClB;AACF;AAEA,SAAS,0CAAuB,KAAK;IACnC,IAAI,SAAE,KAAK,YAAE,QAAQ,SAAE,KAAK,iBAAE,aAAa,aAAE,SAAS,EAAE,GAAG;IAC3D,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAE;IACrC,kBAAkB,wBAAE;QAAC,wBAAE,aAAa;QAAQ;KAAM;IAClD,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,+BAA+B;YAC/B,wBAAE,iCAAiC;YACnC,wBAAE,iCAAiC;gBACjC,wBAAE,CAAA,GAAA,aAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,eAAO,GACP;oBAAE;QAAO,GACT,wBAAE,mCAAmC,MAAM;KAE9C;AACH;AAEA,SAAS,0CAAc,SAAE,KAAK,aAAE,SAAS,YAAE,QAAQ,EAAE;IACnD,OAAO,wBAAE,sBAAsB;mBAAE;IAAU,GAAG;QAC5C,wBAAE,qCAAqC;QACvC,wBAAE,mCAAmC,MAAM;KAC5C;AACH","sources":["packages/map-interface/src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n const { expanded, children, onChange, className, title, titleComponent } =\n props;\n const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n return h(\n PanelSubhead,\n {\n className: classNames(\"expansion-panel-header\", className),\n onClick: onChange,\n title,\n component: titleComponent,\n },\n [children, h(Icon, { icon })]\n );\n}\n\nfunction ExpansionPanelBase(props) {\n let {\n title,\n titleComponent = \"h3\",\n children,\n expanded,\n helpText,\n onChange = () => {},\n sideComponent = null,\n className,\n } = props;\n const [isOpen, setOpen] = useState(expanded || false);\n\n const onChange_ = () => {\n onChange();\n setOpen(!isOpen);\n };\n\n return h(\n \"div.expansion-panel-base\",\n {\n className: classNames(className, {\n expanded: isOpen,\n collapsed: !isOpen,\n }),\n },\n [\n h(\n ExpansionPanelSummary,\n {\n onChange: onChange_,\n expanded: isOpen,\n title,\n titleComponent,\n },\n h(\"div.expansion-summary-title-help\", [\n h(\"span.expansion-panel-subtext\", helpText),\n \" \",\n sideComponent,\n ])\n ),\n h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n ]\n );\n}\n\nexport function InfoPanelSection(props) {\n let { title, children, className, headerElement = null } = props;\n return h(\"div.info-panel-section\", { className }, [\n h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n h(\"div.panel-content\", null, children),\n ]);\n}\n\nfunction ExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel\",\n });\n}\n\nfunction SubExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel sub-expansion-panel\",\n titleComponent: \"h4\",\n });\n}\n\nfunction ExpandableDetailsPanel(props) {\n let { title, children, value, headerElement, className } = props;\n const [isOpen, setIsOpen] = useState(false);\n headerElement ??= h([h(\"div.title\", title), value]);\n return h(\"div.expandable-details\", { className }, [\n h(\"div.expandable-details-main\", [\n h(\"div.expandable-details-header\", headerElement),\n h(\"div.expandable-details-toggle\", [\n h(Button, {\n small: true,\n minimal: true,\n active: isOpen,\n onClick: () => setIsOpen(!isOpen),\n icon: \"more\",\n }),\n ]),\n ]),\n h(\n Collapse,\n { isOpen },\n h(\"div.expandable-details-children\", null, children)\n ),\n ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n return h(\"div.expansion-body\", { className }, [\n h(\"div.expansion-panel-detail-header\", title),\n h(\"div.expansion-panel-detail-body\", null, children),\n ]);\n}\n\nexport {\n ExpansionPanel,\n ExpansionPanelSummary,\n ExpandableDetailsPanel,\n SubExpansionPanel,\n ExpansionBody,\n PanelSubhead,\n};\n"],"names":[],"version":3,"file":"expansion-panel.feff0e62.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAE5B,SAAS,qCAAe,YAAE,QAAQ,UAAE,MAAM,gBAAE,eAAe,OAAO;IAChE,MAAM,aAAa,CAAA,GAAA,oBAAY,EAAE;IAEjC,MAAM,oBAAoB,CAAA,GAAA,iBAAS,EAAE,eAAe;IAEpD,OAAO,wBAAE,yBAAyB;QAChC,wBAAE,CAAA,GAAA,0BAAkB,GAAG;YAAE,UAAU;oBAAU;wBAAQ;QAAW,GAAG,EAAE;QACrE,wBAAE,EAAE,CAAC,qBAAqB,YAAY,MAAM,sCAAgB;YAC1D,UAAU;QACZ;KACD;AACH;AAEA,SAAS,qCAAe,YAAE,QAAQ,YAAE,QAAQ,WAAE,OAAO,EAAE,GAAG,MAAM;IAC9D,MAAM,UAAU,CAAA,GAAA,iBAAS;IAEzB,IAAI,UAAU,CAAC,WAAW,CAAC;IAC3B,IAAI,YAAY,MACd,WAAW,CAAC,IAAI,EAAE,UAAU;IAE9B,WAAW;IAEX,OAAO,wBACL,CAAA,GAAA,aAAK,GACL;QACE,WAAW;QACX,WAAW,wBAAE,CAAA,GAAA,WAAG,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAG;QAC5C,SAAS;QACT,OAAO;QACP;YACE,UAAU,SAAS,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,IAAI,EAAE,IAAI,CACtD;gBACE,SAAS,KAAK;6BACZ;oBACA,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;gBACA;YACF,GACA;gBACE,SAAS,KAAK;oBACZ,SAAS;oBACT,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;YACF;QAEJ;QACA,GAAG,IAAI;IACT,GACA,YAAY;AAEhB;AAWO,SAAS,0CAAiB,KAA4B;IAC3D,MAAM,WACJ,OAAO,YACP,QAAQ,UACR,MAAM,QACN,OAAO,cACP,SAAS,0BACT,sBAAsB,YACtB,QAAQ,EACT,GAAG;IAEJ,IAAI,aAAa;IACjB,IAAI,UAAU,QAAQ,YAAY,MAChC,aAAa,wBAAE,sCAAgB;kBAC7B;gBACA;QACA,cAAc;IAChB;IAGF,OAAO,wBAAE,gCAAgC;QACvC;QACA;QACA,wBAAE;QACF,wBAAE,EAAE,CAAC,YAAY,MAAM,CAAA,GAAA,yCAAW,GAAG;sBACnC;kBACA;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,aAAa,MAAM,CAAA,GAAA,yCAAQ,GAAG;uBACjC;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,WAAW,MAAM,CAAA,GAAA,aAAK,GAAG;YAC5B,SAAS;YACT,MAAM;YACN,SAAS;QACX;KACD;AACH","sources":["packages/map-interface/src/location-panel/header.ts"],"sourcesContent":["import { Icon, Button } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useToaster } from \"@macrostrat/ui-components\";\nimport { LngLatCoords, Elevation } from \"../location-info\";\nimport {\n LocationFocusButton,\n useFocusState,\n isCentered,\n} from \"@macrostrat/mapbox-react\";\n\nconst h = hyper.styled(styles);\n\nfunction PositionButton({ position, bounds, showCopyLink = false }) {\n const focusState = useFocusState(position);\n\n const copyLinkIsVisible = isCentered(focusState) && showCopyLink;\n\n return h(\"div.position-controls\", [\n h(LocationFocusButton, { location: position, bounds, focusState }, []),\n h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {\n itemName: \"position\",\n }),\n ]);\n}\n\nfunction CopyLinkButton({ itemName, children, onClick, ...rest }) {\n const toaster = useToaster();\n\n let message = `Copied link`;\n if (itemName != null) {\n message += ` to ${itemName}`;\n }\n message += \"!\";\n\n return h(\n Button,\n {\n className: \"copy-link-button\",\n rightIcon: h(Icon, { icon: \"link\", size: 12 }),\n minimal: true,\n small: true,\n onClick() {\n navigator.clipboard.writeText(window.location.href).then(\n () => {\n toaster?.show({\n message,\n intent: \"success\",\n icon: \"clipboard\",\n timeout: 1000,\n });\n onClick?.();\n },\n () => {\n toaster?.show({\n message: \"Failed to copy link\",\n intent: \"danger\",\n icon: \"error\",\n timeout: 1000,\n });\n }\n );\n },\n ...rest,\n },\n children ?? \"Copy link\"\n );\n}\n\nexport interface InfoDrawerHeaderProps {\n onClose?: () => void;\n position?: mapboxgl.LngLat;\n zoom?: number;\n elevation?: number;\n showCopyPositionButton?: boolean;\n bounds?: mapboxgl.LngLatBounds;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n const {\n onClose,\n position,\n bounds,\n zoom = 7,\n elevation,\n showCopyPositionButton,\n children,\n } = props;\n\n let leftButton = null;\n if (bounds != null || position != null) {\n leftButton = h(PositionButton, {\n position,\n bounds,\n showCopyLink: showCopyPositionButton,\n });\n }\n\n return h(\"header.location-panel-header\", [\n leftButton,\n children,\n h(\"div.spacer\"),\n h.if(position != null)(LngLatCoords, {\n position,\n zoom,\n className: \"infodrawer-header-item\",\n }),\n h.if(elevation != null)(Elevation, {\n elevation,\n className: \"infodrawer-header-item\",\n }),\n h.if(onClose != null)(Button, {\n minimal: true,\n icon: \"cross\",\n onClick: onClose,\n }),\n ]);\n}\n"],"names":[],"version":3,"file":"header.0f535ab1.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAErB,SAAS,0CAAoB,KAAK;IACvC,MAAM,YAAY,CAAA,GAAA,iBAAS,EAAE,cAAc,MAAM,SAAS;IAC1D,OAAO,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QAAE,GAAG,KAAK;mBAAE;IAAU;AAC5C;AASO,SAAS,0CAAe,KAA0B;IACvD,MAAM,aACJ,SAAS,iBACT,gBAAgB,aAChB,KAAK,WACL,OAAO,YACP,QAAQ,EACR,GAAG,MACJ,GAAG;IACJ,MAAM,SACJ,iBACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;iBAAE;QAAS,GAAG,IAAI;IAAC,GAAG;QACxC,SAAS,OAAO,OAAO,wBAAE,MAAM;YAAC;SAAM;KACvC;IACH,OAAO,wBAAE,2CAAqB;mBAAE;IAAU,GAAG;QAC3C;QACA,wBACE,uBACA,wBAAE,2BAA2B,wBAAE,CAAA,GAAA,oBAAY,GAAG,MAAM;KAEvD;AACH;AAEO,MAAM,4CAAe;AAErB,SAAS,0CAAc,KAAK;IACjC,MAAM,YAAE,QAAQ,aAAE,SAAS,WAAE,UAAU,OAAO,GAAG,MAAM,GAAG;IAC1D,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE,kBAAkB,WAAW;iBAAE;IAAQ;IAC9D,OAAO,wBAAE,2CAAgB;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;AACxD","sources":["packages/map-interface/src/location-panel/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n const className = classNames(\"infodrawer\", props.className);\n return h(PanelCard, { ...props, className });\n}\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n className?: string;\n title?: string;\n headerElement?: JSX.Element;\n children?: React.ReactNode;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n const {\n className,\n headerElement = null,\n title,\n onClose,\n children,\n ...rest\n } = props;\n const header =\n headerElement ??\n h(InfoDrawerHeader, { onClose, ...rest }, [\n title == null ? null : h(\"h3\", [title]),\n ]);\n return h(InfoDrawerContainer, { className }, [\n header,\n h(\n \"div.infodrawer-body\",\n h(\"div.infodrawer-contents\", h(ErrorBoundary, null, children))\n ),\n ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n const { children, className, loading = false, ...rest } = props;\n const cls = classNames(\"location-panel\", className, { loading });\n return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n"],"names":[],"version":3,"file":"location-panel.0b1f4ed2.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n color: var(--text-subtle-color)\n\n svg\n fill: var(--text-subtle-color)\n\n.location-panel-header\n padding: 5px\n display: flex\n flex-direction: row\n align-items: center\n gap: 1em\n min-height: 40px\n border-bottom: 1px solid var(--panel-rule-color)\n\n .spacer\n flex-grow: 1\n\n .left-icon\n padding: 7px\n\n .position-controls :global(.bp5-button)\n font-size: 12px !important\n\n // Text elements should\n h1, h2, h3, h4, h5, h6, p\n margin: 0\n &:first-child\n margin-left: 10px\n\n.infodrawer-header-item\n font-size: 12px\n\n :global(.secondary)\n font-size: 0.9em\n color: var(--text-subtle-color)\n\n.infodrawer\n pointer-events: all\n max-height: 100%\n max-width: 100%\n height: fit-content\n display: flex\n flex-direction: column\n overflow: hidden\n background-color: var(--panel-background-color)\n\n &:global(.bp5-card)\n padding: 0\n background-color: var(--panel-background-color)\n\n\n &.loading\n .infodrawer-body\n overflow-y: hidden\n min-height: 70px\n\n\n.infodrawer-contents\n padding: 0 1em 1em\n\n.infodrawer-body\n flex-shrink: 1\n min-height: 0\n transition: min-height 0.5s ease\n overflow-y: scroll\n position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n .infodrawer\n border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.67a908da.js.map"}
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAjBA,4CAAkC;AAClC,4CAA0B;AAC1B,4CAAuC;AACvC,4CAAoC;AACpC,4CAAwC;AACxC,4CAA2C;AAC3C,4CAAiD;AACjD,4CAAuC;AACvC,4CAA4C;AAC5C,4CAA4C;AAC5C,4CAA8C;AAC9C,4CAAgD;AAChD,4CAA8C;AAC9C,4CAAuC;AACvC,4CAAoC;AACpC,4CAAmC;AACnC,4CAAkD;AAClD,4CAAgD","sources":["packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":["\n.panel-subhead\n padding: 0.2em var(--box-horizontal-padding)\n border-top: 1px solid var(--panel-rule-color)\n border-bottom: 1px solid var(--panel-rule-color)\n background-color: var(--accent-color)\n display: flex\n flex-direction: row\n align-items: center\n z-index: 1\n gap: var(--box-horizontal-padding)\n top: -1px\n position: sticky\n h1, h2, h3, h4\n font-family: Montserrat,sans-serif\n font-weight: 700\n margin: 0.2em 0\n h4\n font-weight: 600\n .title\n flex-grow: 1\n\n// :global(.bp5-dark) .panel-subhead\n// margin 0 1px\n\n.info-panel-section\n &>.panel-subhead\n margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n padding: 0\n flex-wrap: wrap\n margin-top: -1px\n // &.collapsed\n // .expansion-panel-header\n // border-bottom-width: 0;\n\n.sub-expansion-panel\n margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n overflow: hidden\n &:first-child\n .expansion-panel-header\n border-top-width: 0\n .panel-subhead\n border-top: none\n border-bottom: none\n\n .expansion-panel-header\n background-color: var(--accent-secondary-color)\n cursor: pointer\n &:hover\n background-color: var(--accent-secondary-hover-color)\n h2, h3, h4\n font-weight: 500\n border-bottom: 1px solid var(--tertiary-border-color)\n border-top: 1px solid var(--tertiary-border-color)\n margin-top: -1px\n padding: 5px 1em 5px\n align-items: center\n\n.expansion-summary-title-help\n margin-left: 5px\n :global(.bp5-icon)\n margin-left: 5px\n\n.expansion-panel-header\n cursor: pointer\n &:hover\n background-color: var(--accent-hover-color)\n :global(.bp5-icon)\n transform: translate(0,3px)\n\n.expansion-children\n padding: 5px 1em 10px\n .expansion-panel\n margin-left: -1em\n margin-right: -1em\n &:first-child\n margin-top: -5px\n\n.expansion-panel-subtext\n font-size: 85%\n font-weight: 400\n\n:global\n .expansion-panel-root\n padding-left: 15px !important\n\n .expansion-panel-detail\n display: block !important\n padding: 0 !important\n\n .expansion-panel-detail-sub\n display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n display: flex\n flex-direction: row\n align-items: center\n justify-content: space-between\n margin: 3px 0\n\n.expandable-details-header\n display: inline-flex\n flex-direction: row\n align-items: baseline\n flex-grow: 1\n\n.expandable-details-children\n position: relative\n\n.expandable-details-toggle\n :global(.bp5-button)\n font-size: 10px\n\n.expandable-details\n &.macrostrat-unit\n .title:after\n content: none\n .title\n margin-right: 1em\n &:after\n content: \":\"\n\n.expansion-body\n display: inline-block\n //flex-direction row\n align-items: baseline\n background-color: var(--tertiary-background)\n padding: 2px 6px\n border-radius: 4px\n width: 100%\n box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n margin-bottom: 6px\n\n.expansion-panel-detail-header\n font-size: 90%\n font-style: italic\n margin-right: 1em\n display: inline\n color: var(--secondary-color)\n &:after\n content: \":\"\n\n.expansion-panel-detail-body\n display: inline\n"],"names":[],"version":3,"file":"main.module.89579666.js.map"}
@@ -1,2 +0,0 @@
1
- require("./main.module.78d7f40f.js"),require("./main.module.f0530add.css"),require("./headers.0d494ac2.js"),require("react"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("classnames");var a={};a=new URL("main.module.78d7f40f.js","file:"+__filename).toString(),new URL("headers.0d494ac2.js","file:"+__filename).toString(),r(e).styled(r(a));
2
- //# sourceMappingURL=expansion-panel.1553938f.js.map
@@ -1 +0,0 @@
1
- {"mappings":"A,Q,8C,Q,+C,Q,0C,Q,S,Q,qB,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,I,E,C,EEAA,EAAiB,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,uCAAA,QAAA,YAAwC,QAAQ,GFQ3E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/expansion-panel/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-7acf631d60d17746.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-c25cf7ef94cb29eb.js"],"sourcesContent":["require(\"./main.module.78d7f40f.js\");\nrequire(\"./main.module.f0530add.css\");\nrequire(\"./headers.0d494ac2.js\");\nvar $i8XZZ$react = require(\"react\");\nvar $i8XZZ$blueprintjscore = require(\"@blueprintjs/core\");\nvar $i8XZZ$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $i8XZZ$classnames = require(\"classnames\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n\n\nvar $2f4ada350b141b39$exports = {};\n$2f4ada350b141b39$exports = new URL(\"main.module.78d7f40f.js\", \"file:\" + __filename).toString();\n\n\n\nvar $33bf588cfa90d114$exports = {};\n$33bf588cfa90d114$exports = new URL(\"headers.0d494ac2.js\", \"file:\" + __filename).toString();\n\n\nconst $15797e7a878e886f$var$h = (0, ($parcel$interopDefault($i8XZZ$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($2f4ada350b141b39$exports))));\nfunction $15797e7a878e886f$export$cea00a9d724d5a32(props) {\n const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;\n const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n return $15797e7a878e886f$var$h((0, $33bf588cfa90d114$exports.PanelSubhead), {\n className: (0, ($parcel$interopDefault($i8XZZ$classnames)))(\"expansion-panel-header\", className),\n onClick: onChange,\n title: title,\n component: titleComponent\n }, [\n children,\n $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Icon), {\n icon: icon\n })\n ]);\n}\nfunction $15797e7a878e886f$var$ExpansionPanelBase(props) {\n let { title: title, titleComponent: titleComponent = \"h3\", children: children, expanded: expanded, helpText: helpText, onChange: onChange = ()=>{}, sideComponent: sideComponent = null, className: className } = props;\n const [isOpen, setOpen] = (0, $i8XZZ$react.useState)(expanded || false);\n const onChange_ = ()=>{\n onChange();\n setOpen(!isOpen);\n };\n return $15797e7a878e886f$var$h(\"div.expansion-panel-base\", {\n className: (0, ($parcel$interopDefault($i8XZZ$classnames)))(className, {\n expanded: isOpen,\n collapsed: !isOpen\n })\n }, [\n $15797e7a878e886f$var$h($15797e7a878e886f$export$cea00a9d724d5a32, {\n onChange: onChange_,\n expanded: isOpen,\n title: title,\n titleComponent: titleComponent\n }, $15797e7a878e886f$var$h(\"div.expansion-summary-title-help\", [\n $15797e7a878e886f$var$h(\"span.expansion-panel-subtext\", helpText),\n \" \",\n sideComponent\n ])),\n $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Collapse), {\n isOpen: isOpen\n }, $15797e7a878e886f$var$h(\"div.expansion-children\", null, children))\n ]);\n}\nfunction $15797e7a878e886f$export$39c134eb0b07cf0e(props) {\n let { title: title, children: children, className: className, headerElement: headerElement = null } = props;\n return $15797e7a878e886f$var$h(\"div.info-panel-section\", {\n className: className\n }, [\n $15797e7a878e886f$var$h(\"div.panel-subhead\", null, headerElement ?? $15797e7a878e886f$var$h(\"h3\", title)),\n $15797e7a878e886f$var$h(\"div.panel-content\", null, children)\n ]);\n}\nfunction $15797e7a878e886f$export$40e646e38e6ed100(props) {\n return $15797e7a878e886f$var$h($15797e7a878e886f$var$ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel\"\n });\n}\nfunction $15797e7a878e886f$export$d7160281aff7c3b8(props) {\n return $15797e7a878e886f$var$h($15797e7a878e886f$var$ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel sub-expansion-panel\",\n titleComponent: \"h4\"\n });\n}\nfunction $15797e7a878e886f$export$44ad9ff780615135(props) {\n let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;\n const [isOpen, setIsOpen] = (0, $i8XZZ$react.useState)(false);\n headerElement ?? (headerElement = $15797e7a878e886f$var$h([\n $15797e7a878e886f$var$h(\"div.title\", title),\n value\n ]));\n return $15797e7a878e886f$var$h(\"div.expandable-details\", {\n className: className\n }, [\n $15797e7a878e886f$var$h(\"div.expandable-details-main\", [\n $15797e7a878e886f$var$h(\"div.expandable-details-header\", headerElement),\n $15797e7a878e886f$var$h(\"div.expandable-details-toggle\", [\n $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Button), {\n small: true,\n minimal: true,\n active: isOpen,\n onClick: ()=>setIsOpen(!isOpen),\n icon: \"more\"\n })\n ])\n ]),\n $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Collapse), {\n isOpen: isOpen\n }, $15797e7a878e886f$var$h(\"div.expandable-details-children\", null, children))\n ]);\n}\nfunction $15797e7a878e886f$export$263416b670b3f129({ title: title, className: className, children: children }) {\n return $15797e7a878e886f$var$h(\"div.expansion-body\", {\n className: className\n }, [\n $15797e7a878e886f$var$h(\"div.expansion-panel-detail-header\", title),\n $15797e7a878e886f$var$h(\"div.expansion-panel-detail-body\", null, children)\n ]);\n}\n\n\n//# sourceMappingURL=expansion-panel.1553938f.js.map\n","import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n const { expanded, children, onChange, className, title, titleComponent } =\n props;\n const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n return h(\n PanelSubhead,\n {\n className: classNames(\"expansion-panel-header\", className),\n onClick: onChange,\n title,\n component: titleComponent,\n },\n [children, h(Icon, { icon })]\n );\n}\n\nfunction ExpansionPanelBase(props) {\n let {\n title,\n titleComponent = \"h3\",\n children,\n expanded,\n helpText,\n onChange = () => {},\n sideComponent = null,\n className,\n } = props;\n const [isOpen, setOpen] = useState(expanded || false);\n\n const onChange_ = () => {\n onChange();\n setOpen(!isOpen);\n };\n\n return h(\n \"div.expansion-panel-base\",\n {\n className: classNames(className, {\n expanded: isOpen,\n collapsed: !isOpen,\n }),\n },\n [\n h(\n ExpansionPanelSummary,\n {\n onChange: onChange_,\n expanded: isOpen,\n title,\n titleComponent,\n },\n h(\"div.expansion-summary-title-help\", [\n h(\"span.expansion-panel-subtext\", helpText),\n \" \",\n sideComponent,\n ])\n ),\n h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n ]\n );\n}\n\nexport function InfoPanelSection(props) {\n let { title, children, className, headerElement = null } = props;\n return h(\"div.info-panel-section\", { className }, [\n h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n h(\"div.panel-content\", null, children),\n ]);\n}\n\nfunction ExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel\",\n });\n}\n\nfunction SubExpansionPanel(props) {\n return h(ExpansionPanelBase, {\n ...props,\n className: \"expansion-panel sub-expansion-panel\",\n titleComponent: \"h4\",\n });\n}\n\nfunction ExpandableDetailsPanel(props) {\n let { title, children, value, headerElement, className } = props;\n const [isOpen, setIsOpen] = useState(false);\n headerElement ??= h([h(\"div.title\", title), value]);\n return h(\"div.expandable-details\", { className }, [\n h(\"div.expandable-details-main\", [\n h(\"div.expandable-details-header\", headerElement),\n h(\"div.expandable-details-toggle\", [\n h(Button, {\n small: true,\n minimal: true,\n active: isOpen,\n onClick: () => setIsOpen(!isOpen),\n icon: \"more\",\n }),\n ]),\n ]),\n h(\n Collapse,\n { isOpen },\n h(\"div.expandable-details-children\", null, children)\n ),\n ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n return h(\"div.expansion-body\", { className }, [\n h(\"div.expansion-panel-detail-header\", title),\n h(\"div.expansion-panel-detail-body\", null, children),\n ]);\n}\n\nexport {\n ExpansionPanel,\n ExpansionPanelSummary,\n ExpandableDetailsPanel,\n SubExpansionPanel,\n ExpansionBody,\n PanelSubhead,\n};\n","module.exports = new __parcel__URL__(\"main.module.78d7f40f.js\").toString();","module.exports = new __parcel__URL__(\"headers.0d494ac2.js\").toString();"],"names":["require","$i8XZZ$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$2f4ada350b141b39$exports","URL","__filename","toString","styled"],"version":3,"file":"expansion-panel.1553938f.js.map","sourceRoot":"../../../../"}
@@ -1,2 +0,0 @@
1
- require("./main.module.2cc98713.css"),require("./main.module.d4e98e60.js"),require("./location-info.9f59aad3.js"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("@macrostrat/ui-components"),require("@macrostrat/mapbox-react");var a={};a=new URL("main.module.2cc98713.css","file:"+__filename).toString(),new URL("location-info.9f59aad3.js","file:"+__filename).toString(),r(e).styled(r(a));
2
- //# sourceMappingURL=header.5f15d599.js.map
@@ -1 +0,0 @@
1
- {"mappings":"A,Q,+C,Q,8C,Q,gD,Q,qB,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,6B,Q,4B,I,E,C,EEAA,EAAiB,IAAA,IAAoB,4CAAA,QAAA,YAA6C,QAAQ,GCAzE,IAAA,IAAoB,6CAAA,QAAA,YAA8C,QAAQ,GFWjF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/location-panel/header.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6d6e92b02eb73299.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-c5bf3b5be72c4e09.js"],"sourcesContent":["require(\"./main.module.2cc98713.css\");\nrequire(\"./main.module.d4e98e60.js\");\nrequire(\"./location-info.9f59aad3.js\");\nvar $9HnAS$blueprintjscore = require(\"@blueprintjs/core\");\nvar $9HnAS$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $9HnAS$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $9HnAS$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n\nvar $b3d3cdac95f8f8a9$exports = {};\n$b3d3cdac95f8f8a9$exports = new URL(\"main.module.2cc98713.css\", \"file:\" + __filename).toString();\n\n\n\nvar $7d4f3c2ee54a88a2$exports = {};\n$7d4f3c2ee54a88a2$exports = new URL(\"location-info.9f59aad3.js\", \"file:\" + __filename).toString();\n\n\n\nconst $1a913554a5c0869b$var$h = (0, ($parcel$interopDefault($9HnAS$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b3d3cdac95f8f8a9$exports))));\nfunction $1a913554a5c0869b$var$PositionButton({ position: position, bounds: bounds, showCopyLink: showCopyLink = false }) {\n const focusState = (0, $9HnAS$macrostratmapboxreact.useFocusState)(position);\n const copyLinkIsVisible = (0, $9HnAS$macrostratmapboxreact.isCentered)(focusState) && showCopyLink;\n return $1a913554a5c0869b$var$h(\"div.position-controls\", [\n $1a913554a5c0869b$var$h((0, $9HnAS$macrostratmapboxreact.LocationFocusButton), {\n location: position,\n bounds: bounds,\n focusState: focusState\n }, []),\n $1a913554a5c0869b$var$h.if(copyLinkIsVisible && position != null)($1a913554a5c0869b$var$CopyLinkButton, {\n itemName: \"position\"\n })\n ]);\n}\nfunction $1a913554a5c0869b$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {\n const toaster = (0, $9HnAS$macrostratuicomponents.useToaster)();\n let message = `Copied link`;\n if (itemName != null) message += ` to ${itemName}`;\n message += \"!\";\n return $1a913554a5c0869b$var$h((0, $9HnAS$blueprintjscore.Button), {\n className: \"copy-link-button\",\n rightIcon: $1a913554a5c0869b$var$h((0, $9HnAS$blueprintjscore.Icon), {\n icon: \"link\",\n size: 12\n }),\n minimal: true,\n small: true,\n onClick () {\n navigator.clipboard.writeText(window.location.href).then(()=>{\n toaster?.show({\n message: message,\n intent: \"success\",\n icon: \"clipboard\",\n timeout: 1000\n });\n onClick?.();\n }, ()=>{\n toaster?.show({\n message: \"Failed to copy link\",\n intent: \"danger\",\n icon: \"error\",\n timeout: 1000\n });\n });\n },\n ...rest\n }, children ?? \"Copy link\");\n}\nfunction $1a913554a5c0869b$export$e9ff14c4822c2e8c(props) {\n const { onClose: onClose, position: position, bounds: bounds, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton, children: children } = props;\n let leftButton = null;\n if (bounds != null || position != null) leftButton = $1a913554a5c0869b$var$h($1a913554a5c0869b$var$PositionButton, {\n position: position,\n bounds: bounds,\n showCopyLink: showCopyPositionButton\n });\n return $1a913554a5c0869b$var$h(\"header.location-panel-header\", [\n leftButton,\n children,\n $1a913554a5c0869b$var$h(\"div.spacer\"),\n $1a913554a5c0869b$var$h.if(position != null)((0, $7d4f3c2ee54a88a2$exports.LngLatCoords), {\n position: position,\n zoom: zoom,\n className: \"infodrawer-header-item\"\n }),\n $1a913554a5c0869b$var$h.if(elevation != null)((0, $7d4f3c2ee54a88a2$exports.Elevation), {\n elevation: elevation,\n className: \"infodrawer-header-item\"\n }),\n $1a913554a5c0869b$var$h.if(onClose != null)((0, $9HnAS$blueprintjscore.Button), {\n minimal: true,\n icon: \"cross\",\n onClick: onClose\n })\n ]);\n}\n\n\n//# sourceMappingURL=header.5f15d599.js.map\n","import { Icon, Button } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useToaster } from \"@macrostrat/ui-components\";\nimport { LngLatCoords, Elevation } from \"../location-info\";\nimport {\n LocationFocusButton,\n useFocusState,\n isCentered,\n} from \"@macrostrat/mapbox-react\";\n\nconst h = hyper.styled(styles);\n\nfunction PositionButton({ position, bounds, showCopyLink = false }) {\n const focusState = useFocusState(position);\n\n const copyLinkIsVisible = isCentered(focusState) && showCopyLink;\n\n return h(\"div.position-controls\", [\n h(LocationFocusButton, { location: position, bounds, focusState }, []),\n h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {\n itemName: \"position\",\n }),\n ]);\n}\n\nfunction CopyLinkButton({ itemName, children, onClick, ...rest }) {\n const toaster = useToaster();\n\n let message = `Copied link`;\n if (itemName != null) {\n message += ` to ${itemName}`;\n }\n message += \"!\";\n\n return h(\n Button,\n {\n className: \"copy-link-button\",\n rightIcon: h(Icon, { icon: \"link\", size: 12 }),\n minimal: true,\n small: true,\n onClick() {\n navigator.clipboard.writeText(window.location.href).then(\n () => {\n toaster?.show({\n message,\n intent: \"success\",\n icon: \"clipboard\",\n timeout: 1000,\n });\n onClick?.();\n },\n () => {\n toaster?.show({\n message: \"Failed to copy link\",\n intent: \"danger\",\n icon: \"error\",\n timeout: 1000,\n });\n }\n );\n },\n ...rest,\n },\n children ?? \"Copy link\"\n );\n}\n\nexport interface InfoDrawerHeaderProps {\n onClose?: () => void;\n position?: mapboxgl.LngLat;\n zoom?: number;\n elevation?: number;\n showCopyPositionButton?: boolean;\n bounds?: mapboxgl.LngLatBounds;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n const {\n onClose,\n position,\n bounds,\n zoom = 7,\n elevation,\n showCopyPositionButton,\n children,\n } = props;\n\n let leftButton = null;\n if (bounds != null || position != null) {\n leftButton = h(PositionButton, {\n position,\n bounds,\n showCopyLink: showCopyPositionButton,\n });\n }\n\n return h(\"header.location-panel-header\", [\n leftButton,\n children,\n h(\"div.spacer\"),\n h.if(position != null)(LngLatCoords, {\n position,\n zoom,\n className: \"infodrawer-header-item\",\n }),\n h.if(elevation != null)(Elevation, {\n elevation,\n className: \"infodrawer-header-item\",\n }),\n h.if(onClose != null)(Button, {\n minimal: true,\n icon: \"cross\",\n onClick: onClose,\n }),\n ]);\n}\n","module.exports = new __parcel__URL__(\"main.module.2cc98713.css\").toString();","module.exports = new __parcel__URL__(\"location-info.9f59aad3.js\").toString();"],"names":["require","$9HnAS$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$b3d3cdac95f8f8a9$exports","URL","__filename","toString","styled"],"version":3,"file":"header.5f15d599.js.map","sourceRoot":"../../../../"}
@@ -1 +0,0 @@
1
- {"mappings":"A,Q,yC,Q,+C,Q,8C,Q,4C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,Q,6B,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,CEAiB,IAAA,IAAoB,sCAAA,QAAA,YAAuC,QAAQ,G,I,E,E,SCAnE,IAAA,IAAoB,yCAAA,QAAA,YAA0C,QAAQ,GFO7E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/location-panel/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6eff41384e4a05ae.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1fa26f28051dce2d.js"],"sourcesContent":["require(\"./header.5f15d599.js\");\nrequire(\"./main.module.2cc98713.css\");\nrequire(\"./main.module.d4e98e60.js\");\nrequire(\"./container.abd6f0d2.js\");\nvar $eV7Yx$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $eV7Yx$classnames = require(\"classnames\");\nvar $eV7Yx$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $3661f7ed1614b54b$exports = {};\n$3661f7ed1614b54b$exports = new URL(\"header.5f15d599.js\", \"file:\" + __filename).toString();\n\n\n\n\nvar $2UJTP = parcelRequire(\"2UJTP\");\n\nvar $821c0ad2f6c90b1b$exports = {};\n$821c0ad2f6c90b1b$exports = new URL(\"container.abd6f0d2.js\", \"file:\" + __filename).toString();\n\n\nconst $6b3ac418f085f13e$var$h = (0, ($parcel$interopDefault($eV7Yx$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($2UJTP))));\nfunction $6b3ac418f085f13e$export$83f9a19cf91c2d06(props) {\n const className = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"infodrawer\", props.className);\n return $6b3ac418f085f13e$var$h((0, $821c0ad2f6c90b1b$exports.PanelCard), {\n ...props,\n className: className\n });\n}\nfunction $6b3ac418f085f13e$export$a5ddcc2a88716895(props) {\n const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, ...rest } = props;\n const header = headerElement ?? $6b3ac418f085f13e$var$h((0, $3661f7ed1614b54b$exports.InfoDrawerHeader), {\n onClose: onClose,\n ...rest\n }, [\n title == null ? null : $6b3ac418f085f13e$var$h(\"h3\", [\n title\n ])\n ]);\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$83f9a19cf91c2d06, {\n className: className\n }, [\n header,\n $6b3ac418f085f13e$var$h(\"div.infodrawer-body\", $6b3ac418f085f13e$var$h(\"div.infodrawer-contents\", $6b3ac418f085f13e$var$h((0, $eV7Yx$macrostratuicomponents.ErrorBoundary), null, children)))\n ]);\n}\nconst $6b3ac418f085f13e$export$e54a7f2505304e20 = $6b3ac418f085f13e$export$a5ddcc2a88716895;\nfunction $6b3ac418f085f13e$export$aa4baff5242ea6e1(props) {\n const { children: children, className: className, loading: loading = false, ...rest } = props;\n const cls = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"location-panel\", className, {\n loading: loading\n });\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$a5ddcc2a88716895, {\n className: cls,\n ...rest\n }, children);\n}\n\n\n//# sourceMappingURL=location-panel.d22d21fa.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n const className = classNames(\"infodrawer\", props.className);\n return h(PanelCard, { ...props, className });\n}\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n className?: string;\n title?: string;\n headerElement?: JSX.Element;\n children?: React.ReactNode;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n const {\n className,\n headerElement = null,\n title,\n onClose,\n children,\n ...rest\n } = props;\n const header =\n headerElement ??\n h(InfoDrawerHeader, { onClose, ...rest }, [\n title == null ? null : h(\"h3\", [title]),\n ]);\n return h(InfoDrawerContainer, { className }, [\n header,\n h(\n \"div.infodrawer-body\",\n h(\"div.infodrawer-contents\", h(ErrorBoundary, null, children))\n ),\n ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n const { children, className, loading = false, ...rest } = props;\n const cls = classNames(\"location-panel\", className, { loading });\n return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n","module.exports = new __parcel__URL__(\"header.5f15d599.js\").toString();","module.exports = new __parcel__URL__(\"container.abd6f0d2.js\").toString();"],"names":["require","$eV7Yx$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString","$2UJTP","styled"],"version":3,"file":"location-panel.d22d21fa.js.map","sourceRoot":"../../../../"}
@@ -1,2 +0,0 @@
1
- .VPa3-W_copy-link-button.bp5-minimal.bp5-button{color:var(--text-subtle-color)}.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg{fill:var(--text-subtle-color)}.VPa3-W_location-panel-header{border-bottom:1px solid var(--panel-rule-color);flex-direction:row;align-items:center;gap:1em;min-height:40px;padding:5px;display:flex}.VPa3-W_location-panel-header .VPa3-W_spacer{flex-grow:1}.VPa3-W_location-panel-header .VPa3-W_left-icon{padding:7px}.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button{font-size:12px!important}.VPa3-W_location-panel-header h1,.VPa3-W_location-panel-header h2,.VPa3-W_location-panel-header h3,.VPa3-W_location-panel-header h4,.VPa3-W_location-panel-header h5,.VPa3-W_location-panel-header h6,.VPa3-W_location-panel-header p{margin:0}.VPa3-W_location-panel-header h1:first-child,.VPa3-W_location-panel-header h2:first-child,.VPa3-W_location-panel-header h3:first-child,.VPa3-W_location-panel-header h4:first-child,.VPa3-W_location-panel-header h5:first-child,.VPa3-W_location-panel-header h6:first-child,.VPa3-W_location-panel-header p:first-child{margin-left:10px}.VPa3-W_infodrawer-header-item{font-size:12px}.VPa3-W_infodrawer-header-item .secondary{color:var(--text-subtle-color);font-size:.9em}.VPa3-W_infodrawer{pointer-events:all;background-color:var(--panel-background-color);flex-direction:column;max-width:100%;height:fit-content;max-height:100%;display:flex;overflow:hidden}.VPa3-W_infodrawer.bp5-card{background-color:var(--panel-background-color);padding:0}.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body{min-height:70px;overflow-y:hidden}.VPa3-W_infodrawer-contents{padding:0 1em 1em}.VPa3-W_infodrawer-body{flex-shrink:1;min-height:0;transition:min-height .5s;position:relative;overflow-y:scroll}@media screen and (width<=768px){.VPa3-W_infodrawer{border-radius:var(--panel-border-radius,0px)}}
2
- /*# sourceMappingURL=main.module.2cc98713.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"ACAA,+EAGE,kFAGF,qKASE,yDAGA,4DAGA,6FAIA,+OAEE,2UAGJ,8CAGE,wFAIF,0LAUE,qFAME,4FAKJ,8CAGA,iHAQA,iCACE","sources":["main.module.2cc98713.css","packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".VPa3-W_copy-link-button.bp5-minimal.bp5-button {\n color: var(--text-subtle-color);\n}\n\n.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg {\n fill: var(--text-subtle-color);\n}\n\n.VPa3-W_location-panel-header {\n border-bottom: 1px solid var(--panel-rule-color);\n flex-direction: row;\n align-items: center;\n gap: 1em;\n min-height: 40px;\n padding: 5px;\n display: flex;\n}\n\n.VPa3-W_location-panel-header .VPa3-W_spacer {\n flex-grow: 1;\n}\n\n.VPa3-W_location-panel-header .VPa3-W_left-icon {\n padding: 7px;\n}\n\n.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button {\n font-size: 12px !important;\n}\n\n.VPa3-W_location-panel-header h1, .VPa3-W_location-panel-header h2, .VPa3-W_location-panel-header h3, .VPa3-W_location-panel-header h4, .VPa3-W_location-panel-header h5, .VPa3-W_location-panel-header h6, .VPa3-W_location-panel-header p {\n margin: 0;\n}\n\n.VPa3-W_location-panel-header h1:first-child, .VPa3-W_location-panel-header h2:first-child, .VPa3-W_location-panel-header h3:first-child, .VPa3-W_location-panel-header h4:first-child, .VPa3-W_location-panel-header h5:first-child, .VPa3-W_location-panel-header h6:first-child, .VPa3-W_location-panel-header p:first-child {\n margin-left: 10px;\n}\n\n.VPa3-W_infodrawer-header-item {\n font-size: 12px;\n}\n\n.VPa3-W_infodrawer-header-item .secondary {\n color: var(--text-subtle-color);\n font-size: .9em;\n}\n\n.VPa3-W_infodrawer {\n pointer-events: all;\n background-color: var(--panel-background-color);\n flex-direction: column;\n max-width: 100%;\n height: fit-content;\n max-height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.VPa3-W_infodrawer.bp5-card {\n background-color: var(--panel-background-color);\n padding: 0;\n}\n\n.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body {\n min-height: 70px;\n overflow-y: hidden;\n}\n\n.VPa3-W_infodrawer-contents {\n padding: 0 1em 1em;\n}\n\n.VPa3-W_infodrawer-body {\n flex-shrink: 1;\n min-height: 0;\n transition: min-height .5s;\n position: relative;\n overflow-y: scroll;\n}\n\n@media screen and (width <= 768px) {\n .VPa3-W_infodrawer {\n border-radius: var(--panel-border-radius, 0px);\n }\n}\n/*# sourceMappingURL=main.module.2cc98713.css.map */\n",".copy-link-button:global(.bp5-minimal.bp5-button)\n color: var(--text-subtle-color)\n\n svg\n fill: var(--text-subtle-color)\n\n.location-panel-header\n padding: 5px\n display: flex\n flex-direction: row\n align-items: center\n gap: 1em\n min-height: 40px\n border-bottom: 1px solid var(--panel-rule-color)\n\n .spacer\n flex-grow: 1\n\n .left-icon\n padding: 7px\n\n .position-controls :global(.bp5-button)\n font-size: 12px !important\n\n // Text elements should\n h1, h2, h3, h4, h5, h6, p\n margin: 0\n &:first-child\n margin-left: 10px\n\n.infodrawer-header-item\n font-size: 12px\n\n :global(.secondary)\n font-size: 0.9em\n color: var(--text-subtle-color)\n\n.infodrawer\n pointer-events: all\n max-height: 100%\n max-width: 100%\n height: fit-content\n display: flex\n flex-direction: column\n overflow: hidden\n background-color: var(--panel-background-color)\n\n &:global(.bp5-card)\n padding: 0\n background-color: var(--panel-background-color)\n\n\n &.loading\n .infodrawer-body\n overflow-y: hidden\n min-height: 70px\n\n\n.infodrawer-contents\n padding: 0 1em 1em\n\n.infodrawer-body\n flex-shrink: 1\n min-height: 0\n transition: min-height 0.5s ease\n overflow-y: scroll\n position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n .infodrawer\n border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.2cc98713.css.map","sourceRoot":"../../../../"}
@@ -1,2 +0,0 @@
1
- var e,a,n,l,o,p,d,s,t,i,x,r,u,c,m,b,_,h;function y(e,a,n,l){Object.defineProperty(e,a,{get:n,set:l,enumerable:!0,configurable:!0})}y(module.exports,"panel-subhead",()=>e,a=>e=a),y(module.exports,"title",()=>a,e=>a=e),y(module.exports,"info-panel-section",()=>n,e=>n=e),y(module.exports,"expansion-panel",()=>l,e=>l=e),y(module.exports,"sub-expansion-panel",()=>o,e=>o=e),y(module.exports,"expansion-panel-header",()=>p,e=>p=e),y(module.exports,"expansion-summary-title-help",()=>d,e=>d=e),y(module.exports,"expansion-children",()=>s,e=>s=e),y(module.exports,"expansion-panel-subtext",()=>t,e=>t=e),y(module.exports,"expandable-details-main",()=>i,e=>i=e),y(module.exports,"expandable-details-header",()=>x,e=>x=e),y(module.exports,"expandable-details-children",()=>r,e=>r=e),y(module.exports,"expandable-details-toggle",()=>u,e=>u=e),y(module.exports,"expandable-details",()=>c,e=>c=e),y(module.exports,"macrostrat-unit",()=>m,e=>m=e),y(module.exports,"expansion-body",()=>b,e=>b=e),y(module.exports,"expansion-panel-detail-header",()=>_,e=>_=e),y(module.exports,"expansion-panel-detail-body",()=>h,e=>h=e),e="panel-subhead_1340c8",a="title_1340c8",n="info-panel-section_1340c8",l="expansion-panel_1340c8",o="sub-expansion-panel_1340c8",p="expansion-panel-header_1340c8",d="expansion-summary-title-help_1340c8",s="expansion-children_1340c8",t="expansion-panel-subtext_1340c8",i="expandable-details-main_1340c8",x="expandable-details-header_1340c8",r="expandable-details-children_1340c8",u="expandable-details-toggle_1340c8",c="expandable-details_1340c8",m="macrostrat-unit_1340c8",b="expansion-body_1340c8",_="expansion-panel-detail-header_1340c8",h="expansion-panel-detail-body_1340c8";
2
- //# sourceMappingURL=main.module.78d7f40f.js.map
@@ -1 +0,0 @@
1
- {"mappings":"ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,E,O,O,C,gB,I,E,A,G,E,G,E,O,O,C,Q,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,sB,I,E,A,G,E,G,E,O,O,C,yB,I,E,A,G,E,G,E,O,O,C,+B,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,0B,I,E,A,G,E,G,E,O,O,C,0B,I,E,A,G,E,G,E,O,O,C,4B,I,E,A,G,E,G,E,O,O,C,8B,I,E,A,G,E,G,E,O,O,C,4B,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,iB,I,E,A,G,E,G,E,O,O,C,gC,I,E,A,G,E,G,E,O,O,C,8B,I,E,A,G,E,GAjBA,EAAkC,uBAClC,EAA0B,eAC1B,EAAuC,4BACvC,EAAoC,yBACpC,EAAwC,6BACxC,EAA2C,gCAC3C,EAAiD,sCACjD,EAAuC,4BACvC,EAA4C,iCAC5C,EAA4C,iCAC5C,EAA8C,mCAC9C,EAAgD,qCAChD,EAA8C,mCAC9C,EAAuC,4BACvC,EAAoC,yBACpC,EAAmC,wBACnC,EAAkD,uCAClD,EAAgD","sources":["<anon>","packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n$parcel$export(module.exports, \"panel-subhead\", () => $90b20554cfc8cdc8$export$bb6008c7ec506dc5, (v) => $90b20554cfc8cdc8$export$bb6008c7ec506dc5 = v);\n$parcel$export(module.exports, \"title\", () => $90b20554cfc8cdc8$export$fb184b623420d9be, (v) => $90b20554cfc8cdc8$export$fb184b623420d9be = v);\n$parcel$export(module.exports, \"info-panel-section\", () => $90b20554cfc8cdc8$export$198bd65f1c7a5309, (v) => $90b20554cfc8cdc8$export$198bd65f1c7a5309 = v);\n$parcel$export(module.exports, \"expansion-panel\", () => $90b20554cfc8cdc8$export$1db06abc8684077f, (v) => $90b20554cfc8cdc8$export$1db06abc8684077f = v);\n$parcel$export(module.exports, \"sub-expansion-panel\", () => $90b20554cfc8cdc8$export$e1943f56d410f24c, (v) => $90b20554cfc8cdc8$export$e1943f56d410f24c = v);\n$parcel$export(module.exports, \"expansion-panel-header\", () => $90b20554cfc8cdc8$export$771f363b9f663d2c, (v) => $90b20554cfc8cdc8$export$771f363b9f663d2c = v);\n$parcel$export(module.exports, \"expansion-summary-title-help\", () => $90b20554cfc8cdc8$export$47b2fa26e88e0093, (v) => $90b20554cfc8cdc8$export$47b2fa26e88e0093 = v);\n$parcel$export(module.exports, \"expansion-children\", () => $90b20554cfc8cdc8$export$d8457cb7ae0c47fd, (v) => $90b20554cfc8cdc8$export$d8457cb7ae0c47fd = v);\n$parcel$export(module.exports, \"expansion-panel-subtext\", () => $90b20554cfc8cdc8$export$f3447611ed163f53, (v) => $90b20554cfc8cdc8$export$f3447611ed163f53 = v);\n$parcel$export(module.exports, \"expandable-details-main\", () => $90b20554cfc8cdc8$export$561f0c2134cd9732, (v) => $90b20554cfc8cdc8$export$561f0c2134cd9732 = v);\n$parcel$export(module.exports, \"expandable-details-header\", () => $90b20554cfc8cdc8$export$ec357a59e90ee7ee, (v) => $90b20554cfc8cdc8$export$ec357a59e90ee7ee = v);\n$parcel$export(module.exports, \"expandable-details-children\", () => $90b20554cfc8cdc8$export$ae8d16cb87fbdc31, (v) => $90b20554cfc8cdc8$export$ae8d16cb87fbdc31 = v);\n$parcel$export(module.exports, \"expandable-details-toggle\", () => $90b20554cfc8cdc8$export$1089a6d45649b54c, (v) => $90b20554cfc8cdc8$export$1089a6d45649b54c = v);\n$parcel$export(module.exports, \"expandable-details\", () => $90b20554cfc8cdc8$export$20a01d7b55fba18b, (v) => $90b20554cfc8cdc8$export$20a01d7b55fba18b = v);\n$parcel$export(module.exports, \"macrostrat-unit\", () => $90b20554cfc8cdc8$export$fcdb9e479e3129ed, (v) => $90b20554cfc8cdc8$export$fcdb9e479e3129ed = v);\n$parcel$export(module.exports, \"expansion-body\", () => $90b20554cfc8cdc8$export$2d112e83849a3cf7, (v) => $90b20554cfc8cdc8$export$2d112e83849a3cf7 = v);\n$parcel$export(module.exports, \"expansion-panel-detail-header\", () => $90b20554cfc8cdc8$export$854d9fad3b5263eb, (v) => $90b20554cfc8cdc8$export$854d9fad3b5263eb = v);\n$parcel$export(module.exports, \"expansion-panel-detail-body\", () => $90b20554cfc8cdc8$export$494f9067c39d24ef, (v) => $90b20554cfc8cdc8$export$494f9067c39d24ef = v);\nvar $90b20554cfc8cdc8$export$bb6008c7ec506dc5;\nvar $90b20554cfc8cdc8$export$fb184b623420d9be;\nvar $90b20554cfc8cdc8$export$198bd65f1c7a5309;\nvar $90b20554cfc8cdc8$export$1db06abc8684077f;\nvar $90b20554cfc8cdc8$export$e1943f56d410f24c;\nvar $90b20554cfc8cdc8$export$771f363b9f663d2c;\nvar $90b20554cfc8cdc8$export$47b2fa26e88e0093;\nvar $90b20554cfc8cdc8$export$d8457cb7ae0c47fd;\nvar $90b20554cfc8cdc8$export$f3447611ed163f53;\nvar $90b20554cfc8cdc8$export$561f0c2134cd9732;\nvar $90b20554cfc8cdc8$export$ec357a59e90ee7ee;\nvar $90b20554cfc8cdc8$export$ae8d16cb87fbdc31;\nvar $90b20554cfc8cdc8$export$1089a6d45649b54c;\nvar $90b20554cfc8cdc8$export$20a01d7b55fba18b;\nvar $90b20554cfc8cdc8$export$fcdb9e479e3129ed;\nvar $90b20554cfc8cdc8$export$2d112e83849a3cf7;\nvar $90b20554cfc8cdc8$export$854d9fad3b5263eb;\nvar $90b20554cfc8cdc8$export$494f9067c39d24ef;\n$90b20554cfc8cdc8$export$bb6008c7ec506dc5 = \"panel-subhead_1340c8\";\n$90b20554cfc8cdc8$export$fb184b623420d9be = \"title_1340c8\";\n$90b20554cfc8cdc8$export$198bd65f1c7a5309 = \"info-panel-section_1340c8\";\n$90b20554cfc8cdc8$export$1db06abc8684077f = \"expansion-panel_1340c8\";\n$90b20554cfc8cdc8$export$e1943f56d410f24c = \"sub-expansion-panel_1340c8\";\n$90b20554cfc8cdc8$export$771f363b9f663d2c = \"expansion-panel-header_1340c8\";\n$90b20554cfc8cdc8$export$47b2fa26e88e0093 = \"expansion-summary-title-help_1340c8\";\n$90b20554cfc8cdc8$export$d8457cb7ae0c47fd = \"expansion-children_1340c8\";\n$90b20554cfc8cdc8$export$f3447611ed163f53 = \"expansion-panel-subtext_1340c8\";\n$90b20554cfc8cdc8$export$561f0c2134cd9732 = \"expandable-details-main_1340c8\";\n$90b20554cfc8cdc8$export$ec357a59e90ee7ee = \"expandable-details-header_1340c8\";\n$90b20554cfc8cdc8$export$ae8d16cb87fbdc31 = \"expandable-details-children_1340c8\";\n$90b20554cfc8cdc8$export$1089a6d45649b54c = \"expandable-details-toggle_1340c8\";\n$90b20554cfc8cdc8$export$20a01d7b55fba18b = \"expandable-details_1340c8\";\n$90b20554cfc8cdc8$export$fcdb9e479e3129ed = \"macrostrat-unit_1340c8\";\n$90b20554cfc8cdc8$export$2d112e83849a3cf7 = \"expansion-body_1340c8\";\n$90b20554cfc8cdc8$export$854d9fad3b5263eb = \"expansion-panel-detail-header_1340c8\";\n$90b20554cfc8cdc8$export$494f9067c39d24ef = \"expansion-panel-detail-body_1340c8\";\n\n\n//# sourceMappingURL=main.module.78d7f40f.js.map\n",null],"names":["$90b20554cfc8cdc8$export$bb6008c7ec506dc5","$90b20554cfc8cdc8$export$fb184b623420d9be","$90b20554cfc8cdc8$export$198bd65f1c7a5309","$90b20554cfc8cdc8$export$1db06abc8684077f","$90b20554cfc8cdc8$export$e1943f56d410f24c","$90b20554cfc8cdc8$export$771f363b9f663d2c","$90b20554cfc8cdc8$export$47b2fa26e88e0093","$90b20554cfc8cdc8$export$d8457cb7ae0c47fd","$90b20554cfc8cdc8$export$f3447611ed163f53","$90b20554cfc8cdc8$export$561f0c2134cd9732","$90b20554cfc8cdc8$export$ec357a59e90ee7ee","$90b20554cfc8cdc8$export$ae8d16cb87fbdc31","$90b20554cfc8cdc8$export$1089a6d45649b54c","$90b20554cfc8cdc8$export$20a01d7b55fba18b","$90b20554cfc8cdc8$export$fcdb9e479e3129ed","$90b20554cfc8cdc8$export$2d112e83849a3cf7","$90b20554cfc8cdc8$export$854d9fad3b5263eb","$90b20554cfc8cdc8$export$494f9067c39d24ef","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"main.module.78d7f40f.js.map","sourceRoot":"../../../../"}
@@ -1,2 +0,0 @@
1
- var e,o,r,a,n,t,d,i,l,p;function s(e,o,r,a){Object.defineProperty(e,o,{get:r,set:a,enumerable:!0,configurable:!0})}s(module.exports,"copy-link-button",()=>e,o=>e=o),s(module.exports,"infodrawer",()=>o,e=>o=e),s(module.exports,"infodrawer-body",()=>r,e=>r=e),s(module.exports,"infodrawer-contents",()=>a,e=>a=e),s(module.exports,"infodrawer-header-item",()=>n,e=>n=e),s(module.exports,"left-icon",()=>t,e=>t=e),s(module.exports,"loading",()=>d,e=>d=e),s(module.exports,"location-panel-header",()=>i,e=>i=e),s(module.exports,"position-controls",()=>l,e=>l=e),s(module.exports,"spacer",()=>p,e=>p=e),e="VPa3-W_copy-link-button",o="VPa3-W_infodrawer",r="VPa3-W_infodrawer-body",a="VPa3-W_infodrawer-contents",n="VPa3-W_infodrawer-header-item",t="VPa3-W_left-icon",d="VPa3-W_loading",i="VPa3-W_location-panel-header",l="VPa3-W_position-controls",p="VPa3-W_spacer";
2
- //# sourceMappingURL=main.module.d4e98e60.js.map
@@ -1 +0,0 @@
1
- {"mappings":"ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,E,O,O,C,mB,I,E,A,G,E,G,E,O,O,C,a,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,sB,I,E,A,G,E,G,E,O,O,C,yB,I,E,A,G,E,G,E,O,O,C,Y,I,E,A,G,E,G,E,O,O,C,U,I,E,A,G,E,G,E,O,O,C,wB,I,E,A,G,E,G,E,O,O,C,oB,I,E,A,G,E,G,E,O,O,C,S,I,E,A,G,E,GATA,EAAqC,0BACrC,EAA+B,oBAC/B,EAAoC,yBACpC,EAAwC,6BACxC,EAA2C,gCAC3C,EAA8B,mBAC9B,EAA4B,iBAC5B,EAA0C,+BAC1C,EAAsC,2BACtC,EAA2B","sources":["<anon>","packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n$parcel$export(module.exports, \"copy-link-button\", () => $21f46a627a0c0fff$export$d1352d0c31a65024, (v) => $21f46a627a0c0fff$export$d1352d0c31a65024 = v);\n$parcel$export(module.exports, \"infodrawer\", () => $21f46a627a0c0fff$export$b5017f7ff265217d, (v) => $21f46a627a0c0fff$export$b5017f7ff265217d = v);\n$parcel$export(module.exports, \"infodrawer-body\", () => $21f46a627a0c0fff$export$310e8f86a84c074f, (v) => $21f46a627a0c0fff$export$310e8f86a84c074f = v);\n$parcel$export(module.exports, \"infodrawer-contents\", () => $21f46a627a0c0fff$export$69ed3ba502fbf15b, (v) => $21f46a627a0c0fff$export$69ed3ba502fbf15b = v);\n$parcel$export(module.exports, \"infodrawer-header-item\", () => $21f46a627a0c0fff$export$333d72514239bce8, (v) => $21f46a627a0c0fff$export$333d72514239bce8 = v);\n$parcel$export(module.exports, \"left-icon\", () => $21f46a627a0c0fff$export$f750577db09821ce, (v) => $21f46a627a0c0fff$export$f750577db09821ce = v);\n$parcel$export(module.exports, \"loading\", () => $21f46a627a0c0fff$export$46c1c92549715335, (v) => $21f46a627a0c0fff$export$46c1c92549715335 = v);\n$parcel$export(module.exports, \"location-panel-header\", () => $21f46a627a0c0fff$export$d821beb98a87c6d7, (v) => $21f46a627a0c0fff$export$d821beb98a87c6d7 = v);\n$parcel$export(module.exports, \"position-controls\", () => $21f46a627a0c0fff$export$dfae07a3bf0fbd6, (v) => $21f46a627a0c0fff$export$dfae07a3bf0fbd6 = v);\n$parcel$export(module.exports, \"spacer\", () => $21f46a627a0c0fff$export$8cc075c801fd6817, (v) => $21f46a627a0c0fff$export$8cc075c801fd6817 = v);\nvar $21f46a627a0c0fff$export$d1352d0c31a65024;\nvar $21f46a627a0c0fff$export$b5017f7ff265217d;\nvar $21f46a627a0c0fff$export$310e8f86a84c074f;\nvar $21f46a627a0c0fff$export$69ed3ba502fbf15b;\nvar $21f46a627a0c0fff$export$333d72514239bce8;\nvar $21f46a627a0c0fff$export$f750577db09821ce;\nvar $21f46a627a0c0fff$export$46c1c92549715335;\nvar $21f46a627a0c0fff$export$d821beb98a87c6d7;\nvar $21f46a627a0c0fff$export$dfae07a3bf0fbd6;\nvar $21f46a627a0c0fff$export$8cc075c801fd6817;\n$21f46a627a0c0fff$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;\n$21f46a627a0c0fff$export$b5017f7ff265217d = `VPa3-W_infodrawer`;\n$21f46a627a0c0fff$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;\n$21f46a627a0c0fff$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;\n$21f46a627a0c0fff$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;\n$21f46a627a0c0fff$export$f750577db09821ce = `VPa3-W_left-icon`;\n$21f46a627a0c0fff$export$46c1c92549715335 = `VPa3-W_loading`;\n$21f46a627a0c0fff$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;\n$21f46a627a0c0fff$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;\n$21f46a627a0c0fff$export$8cc075c801fd6817 = `VPa3-W_spacer`;\n\n\n//# sourceMappingURL=main.module.d4e98e60.js.map\n",null],"names":["$21f46a627a0c0fff$export$d1352d0c31a65024","$21f46a627a0c0fff$export$b5017f7ff265217d","$21f46a627a0c0fff$export$310e8f86a84c074f","$21f46a627a0c0fff$export$69ed3ba502fbf15b","$21f46a627a0c0fff$export$333d72514239bce8","$21f46a627a0c0fff$export$f750577db09821ce","$21f46a627a0c0fff$export$46c1c92549715335","$21f46a627a0c0fff$export$d821beb98a87c6d7","$21f46a627a0c0fff$export$dfae07a3bf0fbd6","$21f46a627a0c0fff$export$8cc075c801fd6817","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"main.module.d4e98e60.js.map","sourceRoot":"../../../../"}
@@ -1,2 +0,0 @@
1
- .panel-subhead_1340c8{padding:.2em var(--box-horizontal-padding);border-top:1px solid var(--panel-rule-color);border-bottom:1px solid var(--panel-rule-color);background-color:var(--accent-color);z-index:1;align-items:center;gap:var(--box-horizontal-padding);flex-direction:row;display:flex;position:sticky;top:-1px}.panel-subhead_1340c8 h1,.panel-subhead_1340c8 h2,.panel-subhead_1340c8 h3,.panel-subhead_1340c8 h4{margin:.2em 0;font-family:Montserrat,sans-serif;font-weight:700}.panel-subhead_1340c8 h4{font-weight:600}.panel-subhead_1340c8 .title_1340c8{flex-grow:1}.info-panel-section_1340c8>.panel-subhead_1340c8{margin:-1px calc(var(--panel-padding-h)*-1)0}.expansion-panel_1340c8{flex-wrap:wrap;margin-top:-1px;padding:0}.sub-expansion-panel_1340c8{margin:-1px calc(var(--panel-padding-h)*-.5)0;overflow:hidden}.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8{border-top-width:0}.sub-expansion-panel_1340c8 .panel-subhead_1340c8{border-top:none;border-bottom:none}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8{background-color:var(--accent-secondary-color);cursor:pointer}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover{background-color:var(--accent-secondary-hover-color)}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2,.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3,.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4{border-bottom:1px solid var(--tertiary-border-color);border-top:1px solid var(--tertiary-border-color);align-items:center;margin-top:-1px;padding:5px 1em;font-weight:500}.expansion-summary-title-help_1340c8,.expansion-summary-title-help_1340c8 .bp5-icon{margin-left:5px}.expansion-panel-header_1340c8{cursor:pointer}.expansion-panel-header_1340c8:hover{background-color:var(--accent-hover-color)}.expansion-panel-header_1340c8 .bp5-icon{transform:translateY(3px)}.expansion-children_1340c8{padding:5px 1em 10px}.expansion-children_1340c8 .expansion-panel_1340c8{margin-left:-1em;margin-right:-1em}.expansion-children_1340c8 .expansion-panel_1340c8:first-child{margin-top:-5px}.expansion-panel-subtext_1340c8{font-size:85%;font-weight:400}.expansion-panel-root{padding-left:15px!important}.expansion-panel-detail{padding:0!important;display:block!important}.expansion-panel-detail-sub{display:block!important}.expandable-details-main_1340c8{flex-direction:row;justify-content:space-between;align-items:center;margin:3px 0;display:flex}.expandable-details-header_1340c8{flex-direction:row;flex-grow:1;align-items:baseline;display:inline-flex}.expandable-details-children_1340c8{position:relative}.expandable-details-toggle_1340c8 .bp5-button{font-size:10px}.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after{content:none}.expandable-details_1340c8 .title_1340c8{margin-right:1em}.expandable-details_1340c8 .title_1340c8:after{content:":"}.expansion-body_1340c8{background-color:var(--tertiary-background);border-radius:4px;align-items:baseline;width:100%;margin-bottom:6px;padding:2px 6px;display:inline-block;box-shadow:0 1px 2px 1px #0003}.expansion-panel-detail-header_1340c8{color:var(--secondary-color);margin-right:1em;font-size:90%;font-style:italic;display:inline}.expansion-panel-detail-header_1340c8:after{content:":"}.expansion-panel-detail-body_1340c8{display:inline}
2
- /*# sourceMappingURL=main.module.f0530add.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"ACCA,2TAYE,oKAIA,yCAEA,gD,8F,iEAaA,0FAMA,0FAGE,qFAGA,yHAIA,sHAEA,oWAOE,oG,8C,gFASJ,mEAEE,gDAEA,sFAGF,+EAEE,8DAGE,kDAEN,oE,oD,8H,0GAoBE,sD,6DAKA,mF,0DAKA,2DAGA,2MASE,mIAOF,wDAGA","sources":["main.module.f0530add.css","packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":[".panel-subhead_1340c8 {\n padding: .2em var(--box-horizontal-padding);\n border-top: 1px solid var(--panel-rule-color);\n border-bottom: 1px solid var(--panel-rule-color);\n background-color: var(--accent-color);\n z-index: 1;\n align-items: center;\n gap: var(--box-horizontal-padding);\n flex-direction: row;\n display: flex;\n position: sticky;\n top: -1px;\n}\n\n.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {\n margin: .2em 0;\n font-family: Montserrat, sans-serif;\n font-weight: 700;\n}\n\n.panel-subhead_1340c8 h4 {\n font-weight: 600;\n}\n\n.panel-subhead_1340c8 .title_1340c8 {\n flex-grow: 1;\n}\n\n.info-panel-section_1340c8 > .panel-subhead_1340c8 {\n margin: -1px calc(var(--panel-padding-h) * -1) 0;\n}\n\n.expansion-panel_1340c8 {\n flex-wrap: wrap;\n margin-top: -1px;\n padding: 0;\n}\n\n.sub-expansion-panel_1340c8 {\n margin: -1px calc(var(--panel-padding-h) * -.5) 0;\n overflow: hidden;\n}\n\n.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {\n border-top-width: 0;\n}\n\n.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {\n border-top: none;\n border-bottom: none;\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {\n background-color: var(--accent-secondary-color);\n cursor: pointer;\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {\n background-color: var(--accent-secondary-hover-color);\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {\n border-bottom: 1px solid var(--tertiary-border-color);\n border-top: 1px solid var(--tertiary-border-color);\n align-items: center;\n margin-top: -1px;\n padding: 5px 1em;\n font-weight: 500;\n}\n\n.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp5-icon {\n margin-left: 5px;\n}\n\n.expansion-panel-header_1340c8 {\n cursor: pointer;\n}\n\n.expansion-panel-header_1340c8:hover {\n background-color: var(--accent-hover-color);\n}\n\n.expansion-panel-header_1340c8 .bp5-icon {\n transform: translate(0, 3px);\n}\n\n.expansion-children_1340c8 {\n padding: 5px 1em 10px;\n}\n\n.expansion-children_1340c8 .expansion-panel_1340c8 {\n margin-left: -1em;\n margin-right: -1em;\n}\n\n.expansion-children_1340c8 .expansion-panel_1340c8:first-child {\n margin-top: -5px;\n}\n\n.expansion-panel-subtext_1340c8 {\n font-size: 85%;\n font-weight: 400;\n}\n\n.expansion-panel-root {\n padding-left: 15px !important;\n}\n\n.expansion-panel-detail {\n padding: 0 !important;\n display: block !important;\n}\n\n.expansion-panel-detail-sub {\n display: block !important;\n}\n\n.expandable-details-main_1340c8 {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 3px 0;\n display: flex;\n}\n\n.expandable-details-header_1340c8 {\n flex-direction: row;\n flex-grow: 1;\n align-items: baseline;\n display: inline-flex;\n}\n\n.expandable-details-children_1340c8 {\n position: relative;\n}\n\n.expandable-details-toggle_1340c8 .bp5-button {\n font-size: 10px;\n}\n\n.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {\n content: none;\n}\n\n.expandable-details_1340c8 .title_1340c8 {\n margin-right: 1em;\n}\n\n.expandable-details_1340c8 .title_1340c8:after {\n content: \":\";\n}\n\n.expansion-body_1340c8 {\n background-color: var(--tertiary-background);\n border-radius: 4px;\n align-items: baseline;\n width: 100%;\n margin-bottom: 6px;\n padding: 2px 6px;\n display: inline-block;\n box-shadow: 0 1px 2px 1px #0003;\n}\n\n.expansion-panel-detail-header_1340c8 {\n color: var(--secondary-color);\n margin-right: 1em;\n font-size: 90%;\n font-style: italic;\n display: inline;\n}\n\n.expansion-panel-detail-header_1340c8:after {\n content: \":\";\n}\n\n.expansion-panel-detail-body_1340c8 {\n display: inline;\n}\n/*# sourceMappingURL=main.module.f0530add.css.map */\n","\n.panel-subhead\n padding: 0.2em var(--box-horizontal-padding)\n border-top: 1px solid var(--panel-rule-color)\n border-bottom: 1px solid var(--panel-rule-color)\n background-color: var(--accent-color)\n display: flex\n flex-direction: row\n align-items: center\n z-index: 1\n gap: var(--box-horizontal-padding)\n top: -1px\n position: sticky\n h1, h2, h3, h4\n font-family: Montserrat,sans-serif\n font-weight: 700\n margin: 0.2em 0\n h4\n font-weight: 600\n .title\n flex-grow: 1\n\n// :global(.bp5-dark) .panel-subhead\n// margin 0 1px\n\n.info-panel-section\n &>.panel-subhead\n margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n padding: 0\n flex-wrap: wrap\n margin-top: -1px\n // &.collapsed\n // .expansion-panel-header\n // border-bottom-width: 0;\n\n.sub-expansion-panel\n margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n overflow: hidden\n &:first-child\n .expansion-panel-header\n border-top-width: 0\n .panel-subhead\n border-top: none\n border-bottom: none\n\n .expansion-panel-header\n background-color: var(--accent-secondary-color)\n cursor: pointer\n &:hover\n background-color: var(--accent-secondary-hover-color)\n h2, h3, h4\n font-weight: 500\n border-bottom: 1px solid var(--tertiary-border-color)\n border-top: 1px solid var(--tertiary-border-color)\n margin-top: -1px\n padding: 5px 1em 5px\n align-items: center\n\n.expansion-summary-title-help\n margin-left: 5px\n :global(.bp5-icon)\n margin-left: 5px\n\n.expansion-panel-header\n cursor: pointer\n &:hover\n background-color: var(--accent-hover-color)\n :global(.bp5-icon)\n transform: translate(0,3px)\n\n.expansion-children\n padding: 5px 1em 10px\n .expansion-panel\n margin-left: -1em\n margin-right: -1em\n &:first-child\n margin-top: -5px\n\n.expansion-panel-subtext\n font-size: 85%\n font-weight: 400\n\n:global\n .expansion-panel-root\n padding-left: 15px !important\n\n .expansion-panel-detail\n display: block !important\n padding: 0 !important\n\n .expansion-panel-detail-sub\n display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n display: flex\n flex-direction: row\n align-items: center\n justify-content: space-between\n margin: 3px 0\n\n.expandable-details-header\n display: inline-flex\n flex-direction: row\n align-items: baseline\n flex-grow: 1\n\n.expandable-details-children\n position: relative\n\n.expandable-details-toggle\n :global(.bp5-button)\n font-size: 10px\n\n.expandable-details\n &.macrostrat-unit\n .title:after\n content: none\n .title\n margin-right: 1em\n &:after\n content: \":\"\n\n.expansion-body\n display: inline-block\n //flex-direction row\n align-items: baseline\n background-color: var(--tertiary-background)\n padding: 2px 6px\n border-radius: 4px\n width: 100%\n box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n margin-bottom: 6px\n\n.expansion-panel-detail-header\n font-size: 90%\n font-style: italic\n margin-right: 1em\n display: inline\n color: var(--secondary-color)\n &:after\n content: \":\"\n\n.expansion-panel-detail-body\n display: inline\n"],"names":[],"version":3,"file":"main.module.f0530add.css.map","sourceRoot":"../../../../"}