@kylincloud/flamegraph 0.35.6

package/dist/index.esm.css

@@ -0,0 +1,792 @@
+@charset "UTF-8";
+
+/* src/shims/NoData.module.scss */
+.noData {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 60px 0;
+}
+
+/* src/FlameGraph/FlameGraphComponent/canvas.module.css */
+.canvas_canvas {
+  width: 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+}
+
+/* src/FlameGraph/FlameGraphComponent/Highlight.module.css */
+.Highlight_highlight {
+  position: absolute;
+  pointer-events: none;
+  background: #ffffff40;
+  mix-blend-mode: overlay;
+  z-index: 2;
+}
+
+/* src/FlameGraph/FlameGraphComponent/ContextMenuHighlight.module.css */
+.ContextMenuHighlight_highlightContextMenu {
+  position: absolute;
+  pointer-events: none;
+  background: #ffffff8c;
+  mix-blend-mode: overlay;
+  z-index: 2;
+}
+
+/* src/Tooltip/Tooltip.module.scss */
+.tooltip {
+  width: 420px;
+  position: fixed;
+  background: var(--ps-tooltip-bg);
+  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+  color: var(--ps-tooltip-text);
+  font-size: 12px;
+  visibility: hidden;
+  z-index: 2;
+  pointer-events: none;
+}
+.tooltip.flamegraphDiffTooltip {
+  width: 450px;
+}
+.tooltip .tooltipName {
+  color: var(--ps-tooltip-text);
+  background-color: var(--ps-tooltip-header-bg);
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 8px 10px;
+  font-family:
+    SFMono-Regular,
+    Consolas,
+    Liberation Mono,
+    Menlo,
+    monospace;
+}
+.tooltip .functionName {
+  padding: 8px 10px 0;
+  font-family:
+    SFMono-Regular,
+    Consolas,
+    Liberation Mono,
+    Menlo,
+    monospace;
+  white-space: break-spaces;
+  word-break: break-all;
+}
+.tooltip .tooltipTable {
+  width: calc(100% - 20px);
+  margin: 10px;
+  display: table;
+}
+.tooltip .tooltipTable th,
+.tooltip .tooltipTable td {
+  background-color: var(--ps-tooltip-bg);
+  border: 1px solid var(--ps-tooltip-header-bg);
+  padding: 5px;
+  font-weight: normal;
+}
+.tooltip .clickInfo {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: center;
+  color: var(--ps-right-click-info);
+}
+.tooltip .clickInfo svg {
+  color: initial;
+  display: block;
+  align-self: center;
+  width: 22px;
+  height: 22px;
+  margin-right: 5px;
+}
+.tooltip .clickInfo span {
+  font-size: 14px;
+}
+
+/* src/FlameGraph/FlameGraphComponent/ContextMenu.module.scss */
+.dummy {
+  display: block;
+}
+.dummy svg {
+  margin-right: 10px;
+}
+
+/* src/FlameGraph/FlameGraphComponent/LogoLink.module.scss */
+.logoLink {
+  text-decoration: none;
+  font-weight: 500;
+  opacity: 0.5;
+  color: var(--ps-neutral-2);
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 0;
+}
+
+/* src/FlameGraph/FlameGraphComponent/Header.module.css */
+.Header_flamegraphHeader {
+  padding-bottom: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.Header_flamegraphHeader > div:first-child {
+  width: 100%;
+}
+.Header_flamegraphHeader button {
+}
+.Header_row {
+  display: flex;
+  justify-content: center;
+}
+.Header_flamegraphTitle {
+  width: 100%;
+  display: block;
+  text-align: center;
+}
+
+/* src/FlameGraph/FlameGraphComponent/DiffLegend.module.css */
+.DiffLegend_flamegraph-legend {
+  display: flex;
+  align-items: center;
+  font-size: 11px;
+  justify-content: center;
+}
+.DiffLegend_flamegraph-legend-list {
+  display: flex;
+  justify-content: center;
+}
+.DiffLegend_flamegraph-legend-item {
+  width: 37px;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+/* src/shims/Dropdown.module.scss */
+.dropdownMenu {
+  padding: 0.25rem 0;
+  box-shadow: 0px 2px 6px var(--ps-dropdown-shadow) !important;
+  background-color: var(--ps-dropdown-background) !important;
+  color: var(--ps-neutral-2) !important;
+}
+.dropdownMenu ul[class*=szh-menu] {
+  color: var(--ps-neutral-2) !important;
+  background-color: var(--ps-dropdown-background) !important;
+}
+.dropdownMenu li[class=szh-menu__header] {
+  text-align: left;
+}
+.dropdownMenu li[class*=hover],
+.dropdownMenu div[class*=hover] {
+  background-color: var(--ps-ui-element-bg-highlight);
+}
+.dropdownMenu [class*=szh-menu--open]:empty {
+  display: none;
+}
+.dropdownMenu [class*="szh-menu__item active"] {
+  background-color: var(--ps-ui-element-bg-highlight);
+  color: var(--ps-selected-app);
+}
+.dropdownMenu [class*=szh-menu__item--focusable] {
+  background-color: inherit !important;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.dropdownMenu [class*=szh-menu__item--focusable] input {
+  width: 100%;
+}
+.dropdownMenuButton {
+  outline: none;
+  display: flex;
+  flex-shrink: 0;
+  position: relative;
+  border-radius: 4px;
+  background-color: var(--ps-ui-element-bg-primary);
+  border: 1px solid var(--ps-ui-border);
+  margin-right: 5px;
+  padding-right: 20px;
+}
+.dropdownMenuButton::after {
+  content: "\25be";
+  position: absolute;
+  top: 3px;
+  right: 5px;
+}
+.dropdownMenuButton:hover {
+  cursor: pointer;
+  background-color: var(--ps-ui-element-bg-highlight);
+}
+
+/* src/FlameGraph/FlameGraphComponent/DiffLegendPaletteDropdown.module.css */
+.DiffLegendPaletteDropdown_diffPaletteDropdown {
+  max-width: 510px;
+  min-width: 292px;
+  width: inherit;
+  padding-right: 20px !important;
+}
+.DiffLegendPaletteDropdown_dropdownWrapper {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+.DiffLegendPaletteDropdown_diffPaletteDropdown > div {
+  margin-bottom: 0px;
+  display: flex;
+}
+.DiffLegendPaletteDropdown_diffPaletteDropdown::after {
+  top: 0px;
+}
+.DiffLegendPaletteDropdown_dropdownItem {
+  width: 100%;
+  display: flex;
+}
+.DiffLegendPaletteDropdown_dropdownItem svg {
+  margin-left: 1em;
+  fill: var(--ps-neutral-2);
+}
+.DiffLegendPaletteDropdown_row {
+  display: flex;
+  justify-content: space-between;
+  margin-left: auto;
+  margin-right: auto;
+  width: 300px;
+  height: 45px;
+}
+
+/* src/FlameGraph/FlameGraphComponent/styles.module.scss */
+.flamegraphPane {
+  flex: 1;
+  position: relative;
+}
+.flamegraphPane .fitModeItem svg,
+.flamegraphPane .sandwichItem svg {
+  width: 1em;
+  margin-right: 10px;
+}
+
+/* src/shims/Table.module.scss */
+.table {
+  width: 100%;
+  table-layout: fixed;
+}
+.table thead th.sortable {
+  cursor: pointer;
+  user-select: none;
+}
+.table thead th .sortArrow {
+  display: inline-block;
+  border: 5px solid transparent;
+  border-top-color: var(--ps-ui-foreground-text);
+  top: 3px;
+  position: relative;
+  margin-left: 7px;
+}
+.table thead th .sortArrow.asc {
+  border-top-color: transparent;
+  border-bottom-color: var(--ps-button-switch-bg-highlight);
+  top: -2px;
+}
+.table thead th .sortArrow.desc {
+  border-top-color: var(--ps-button-switch-bg-highlight);
+  top: 3px;
+}
+.table thead,
+.table tbody tr:nth-child(2n) {
+  background-color: var(--ps-neutral-9);
+}
+.table tbody {
+  cursor: pointer;
+}
+.table tbody td {
+  font-weight: initial;
+  text-align: center;
+}
+.table tbody tr.isRowSelected {
+  cursor: pointer;
+  background: var(--ps-table-highlight-row-bg) !important;
+  color: var(--ps-table-highlight-row-text);
+}
+.table tbody tr.isRowDisabled td {
+  text-decoration: line-through;
+}
+.table tbody tr:not(.isRowSelected):hover {
+  cursor: pointer;
+  color: var(--ps-neutral-2);
+  background: var(--ps-ui-element-bg-highlight);
+}
+.table tbody td,
+.table tbody th {
+  border: 1px solid var(--ps-ui-border);
+  padding: 4px 10px;
+  width: 10%;
+}
+.loadingSpinner {
+  text-align: center;
+  margin-top: 50px;
+}
+.pagination {
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* src/shims/Button.module.scss */
+.button {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  border: 1px solid var(--ps-ui-border);
+  border-radius: 4px;
+}
+.button[type=button],
+.button[type=reset],
+.button[type=submit] {
+  -webkit-appearance: button;
+}
+.noIcon {
+  min-width: 48px;
+}
+.noBox {
+  border: none;
+  border-radius: none;
+  background: inherit !important;
+}
+.customIcon svg {
+  width: 1rem;
+  margin-right: 5px;
+  vertical-align: -0.125em;
+}
+.iconWithText {
+  margin-right: 5px;
+}
+.default,
+.outline,
+.float {
+  background: var(--ps-ui-element-bg-primary);
+}
+.default:hover:not(:disabled),
+.outline:hover:not(:disabled),
+.float:hover:not(:disabled) {
+  background-color: var(--ps-ui-element-bg-highlight);
+}
+.default:disabled,
+.outline:disabled,
+.float:disabled {
+  color: var(--ps-disabled-button-text);
+  pointer-events: none;
+}
+.primary {
+  border-color: transparent;
+  color: var(--ps-button-switch-text) !important;
+  background-color: var(--ps-button-switch-bg);
+}
+.primary:hover {
+  background-color: var(--ps-button-switch-bg-highlight);
+}
+.primary:disabled {
+  background-color: var(--ps-green-disabled);
+  pointer-events: none;
+}
+.secondary {
+  border-color: transparent;
+  color: var(--ps-immutable-off-white);
+  background-color: var(--ps-blue-primary);
+}
+.secondary:hover {
+  background-color: var(--ps-blue-highlight);
+}
+.secondary:disabled {
+  background-color: var(--ps-blue-disabled);
+  pointer-events: none;
+}
+.float {
+  border-color: transparent;
+  background-color: transparent;
+}
+.danger {
+  border-color: transparent;
+  color: var(--ps-neutral-2);
+  background-color: var(--ps-red-primary);
+}
+.danger:hover {
+  background-color: var(--ps-red-highlight);
+}
+.danger:disabled {
+  background-color: var(--ps-red-disabled);
+  pointer-events: none;
+}
+.outline {
+  background-color: transparent;
+}
+.outline:hover:not(:disabled) {
+  background-color: rgba(144, 202, 249, 0.08);
+}
+.grouped {
+  margin: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.grouped:first-child {
+  border-left: 1px solid var(--ps-ui-border);
+  border-radius: 4px 0 0 4px;
+}
+.grouped:last-child {
+  border-right: 1px solid var(--ps-ui-border);
+  border-radius: 0 4px 4px 0;
+}
+
+/* src/shims/Input.module.scss */
+.input {
+  outline: none;
+}
+.input:focus {
+  outline: none;
+}
+.input:focus:active {
+  outline: none;
+}
+.input {
+  display: inline-block;
+  position: relative;
+  border-radius: 4px;
+  padding: 0.25em 0.375em;
+  border: 1px solid var(--ps-ui-border);
+}
+.input[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* src/SharedQueryInput.module.scss */
+.wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-grow: 1;
+}
+.search,
+.search-synced,
+.searchWithSync {
+  background: var(--ps-immutable-off-white);
+  transition: background-color ease-out 0.1s;
+  font: inherit;
+  margin-right: 1.5px;
+  border: 1px solid var(--ps-ui-border);
+  display: flex;
+  flex-grow: 1;
+  height: 37px;
+  width: 100%;
+}
+.search,
+.search-synced,
+.searchWithSync,
+.search::placeholder,
+.search-synced::placeholder,
+.searchWithSync::placeholder {
+  color: var(--ps-immutable-placeholder-text) !important;
+}
+.searchWithSync {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: 1px solid var(--ps-ui-border);
+  margin-right: 0;
+}
+.search-synced {
+  border-color: var(--ps-immutable-linked-border);
+}
+.search:focus,
+.searchWithSync:focus,
+.search-synced:focus {
+  background: var(--ps-immutable-white);
+}
+.icon,
+.checked {
+  cursor: pointer;
+}
+.icon path,
+.checked path {
+  fill: var(--ps-grey-primary);
+}
+.checked path {
+  fill: var(--ps-immutable-linked-border);
+}
+.sync,
+.syncSelected {
+  border: none;
+  background-color: var(--ps-immutable-off-white);
+  cursor: pointer;
+  width: 40px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border: 1px solid var(--ps-ui-border);
+  position: relative;
+  border-left: none;
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: center;
+}
+.syncSelected {
+  border-top-color: var(--ps-immutable-linked-border);
+  border-right-color: var(--ps-immutable-linked-border);
+  border-bottom-color: var(--ps-immutable-linked-border);
+}
+
+/* src/Toolbar.module.scss */
+.navbar {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  margin: 10px 0;
+  justify-content: space-between;
+  height: 47px;
+  background-color: var(--ps-fl-toolbar-bg);
+  border: 1px solid var(--ps-ui-border);
+  padding: 4px;
+  align-items: center;
+}
+.viewType {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+.navbar button {
+  color: var(--ps-toolbar-icon-color);
+}
+.toggleViewButton,
+.fitModeButton {
+  height: 37px;
+  min-width: auto;
+  width: 40px;
+  margin: 0 2px;
+  padding: 0;
+  border-color: transparent;
+  background-color: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.toggleViewButton svg,
+.fitModeButton svg {
+  width: 22px;
+  height: 22px;
+}
+.toggleViewButton.selected,
+.selected.fitModeButton {
+  background-color: var(--ps-fl-toolbar-btn-bg);
+}
+.toggleViewButton.selected:hover,
+.selected.fitModeButton:hover {
+  background-color: var(--ps-fl-toolbar-btn-bg);
+}
+.toggleViewButton.selected svg,
+.selected.fitModeButton svg {
+  color: white;
+}
+.collapseNodeButton,
+.resetViewButton {
+  min-width: initial;
+  width: 40px;
+  height: 37px;
+  margin: 0 2px;
+  padding: 0;
+  background-color: transparent;
+  border-color: transparent;
+}
+.resetViewButton {
+  width: 40px;
+  min-width: initial;
+  margin: 0 2px;
+  padding: 0;
+}
+.divider {
+  width: 1px;
+  margin: 0 2px;
+  height: 37px;
+  background-color: var(--ps-ui-border);
+}
+.itemsContainer,
+.item {
+  display: flex;
+}
+.moreButton {
+  border-radius: 4px;
+  border: none;
+  padding: 0 5px;
+  height: 37px;
+}
+.moreButton.active,
+.moreButton.active:hover {
+  background-color: var(--ps-fl-toolbar-btn-bg);
+}
+.moreButton:hover {
+  background-color: var(--ps-ui-element-bg-highlight);
+  cursor: pointer;
+}
+.navbarCollapsedItems {
+  display: flex;
+  position: absolute;
+  right: 0;
+  top: 50px;
+  height: 47px;
+  background-color: var(--ps-fl-toolbar-bg);
+  border: 1px solid var(--ps-ui-border);
+  padding: 4px;
+  z-index: 1;
+}
+
+/* src/FlameGraph/FlamegraphRenderer.module.scss */
+.flamegraphContainer {
+  width: 100%;
+}
+.flamegraphContainer > *:first-child {
+  margin-right: 8px;
+}
+.flamegraphContainer > *:nth-child(2) {
+  margin-left: 8px;
+}
+.createdBy {
+  color: white;
+  text-align: center;
+  margin: 10px 0;
+}
+.createdBy a {
+  color: #199bef !important;
+}
+.horizontal {
+  flex-direction: row;
+}
+.vertical {
+  flex-direction: column-reverse;
+}
+.panesWrapper {
+  display: flex;
+}
+.tablePane,
+.sandwichPane {
+  flex: 1;
+}
+.sandwichPane .sandwichPaneInfo {
+  display: inline-block;
+  position: relative;
+  margin: 30px 0 0 10px;
+  padding: 8px;
+  border-radius: 5px;
+  background-color: var(--ps-sandwich-pane-info-bg);
+  color: var(--ps-neutral-1);
+}
+.sandwichPane .sandwichPaneInfo.vertical {
+  margin: 30px 0;
+}
+.sandwichPane .sandwichPaneInfo.vertical .arrow {
+  top: initial;
+  bottom: -15px;
+  left: 20px;
+  transform: rotate(-90deg);
+}
+.sandwichPane .sandwichPaneInfo .arrow {
+  position: absolute;
+  top: 14px;
+  left: -20px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 8px 20px 8px 0;
+  border-color: transparent var(--ps-sandwich-pane-info-bg) transparent transparent;
+}
+.sandwichPane .sandwichTop {
+  margin-bottom: 10px;
+}
+.sandwichPane .sandwichTop,
+.sandwichPane .sandwichBottom {
+  display: flex;
+}
+.sandwichPane .sandwichTop .name,
+.sandwichPane .sandwichBottom .name {
+  writing-mode: vertical-rl;
+  transform: rotate(-180deg);
+  padding: 5px 0;
+}
+.sandwichPane .sandwichBottom span {
+  text-align: right;
+}
+
+/* src/FlameGraph/FlameGraphComponent/GraphVizPanel.module.scss */
+.graphVizPane {
+  display: flex;
+  flex: 1;
+}
+.graphVizPane.graphVizPane {
+  margin-right: 0;
+  border: 1px solid var(--ps-ui-border);
+}
+.graphVizPane div[id^=graphviz] {
+  width: 100%;
+  overflow: hidden;
+}
+.graphVizPane div[id^=graphviz] :global .graph > polygon {
+  fill: none;
+}
+.graphVizPane div[id^=graphviz] :global .edge text[text-anchor=middle] {
+  fill: var(--ps-toolbar-icon-color);
+}
+
+/* src/shims/Box.module.scss */
+.box,
+.collapseBox {
+  background-color: var(--ps-ui-foreground);
+  border: 1px solid var(--ps-ui-border);
+  border-radius: 4px;
+  position: relative;
+}
+.padding {
+  margin-bottom: 10px;
+  padding: 10px;
+}
+.collapseBox {
+  margin-bottom: 10px;
+}
+.collapseBox .box,
+.collapseBox .collapseBox {
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  padding-bottom: 0;
+  height: auto;
+}
+.collapseBox .box.collapsedContent,
+.collapseBox .collapsedContent.collapseBox {
+  height: 0;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.collapseTitle {
+  font-weight: 500;
+  font-size: 18px;
+  cursor: pointer;
+  padding: 5px 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 40px;
+}
+.collapseTitle:hover {
+  background-color: var(--ps-ui-border);
+}
+.collapseIcon {
+  display: flex;
+  transition: transform 0.1s;
+}
+.collapseIcon.collapsed {
+  transform: rotate(90deg);
+  display: flex;
+}